[hidden]{display:none!important}:root{--ink:#302b2d;--muted:#82797c;--paper:#faf7f4;--rose:#995f6e;--edge:#e9e1df;--wh:#fff;--sub:#f5eeeb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;margin:0;background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}.app-shell{max-width:680px;margin:0 auto;padding:0 18px 68px}.topline{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge)}.logo{font-family:Georgia,"Times New Roman",serif;font-size:31px;letter-spacing:-.7px}.logo-spark{font-family:Arial,sans-serif;color:#c0949d;font-size:15px;position:relative;top:-10px;left:3px}.eyebrow{color:#957c82;font-size:9px;font-weight:750;letter-spacing:1.5px}.intro{padding:36px 4px 30px}.pill{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:#76535d;background:#f0e4e2;border-radius:30px;padding:7px 12px;font-weight:700}.pip{height:7px;width:7px;border-radius:100%;background:#bb8590}.intro h1{font-size:clamp(32px,8vw,45px);letter-spacing:-1.4px;line-height:1.4;margin:19px 0 13px;font-weight:780}.intro h1 em{font-style:normal;color:var(--rose)}.intro p{font-size:14px;color:#786e70;line-height:1.9;max-width:430px;margin:0}.panel{border:1px solid var(--edge);border-radius:20px;background:var(--wh);padding:19px;margin-bottom:18px;box-shadow:0 4px 18px #36202609}.step-title,.output-heading{display:flex;align-items:center;gap:11px;margin-bottom:16px}.step{font-family:Georgia,serif;font-size:13px;color:#a78388;background:#f4ecea;border-radius:8px;padding:8px 10px}.step-title h2,.output-heading h3{margin:0;font-size:16px;font-weight:740}.dropzone{min-height:228px;border:1.6px dashed #d9c7c8;background:#fdf9f8;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;position:relative;overflow:hidden}.drop-placeholder{display:flex;align-items:center;flex-direction:column;gap:11px;padding:20px}.camera-circle{width:60px;height:60px;border-radius:100%;background:#f3e8e6;display:grid;place-items:center;color:#92636d}.drop-placeholder strong{font-size:15px}.drop-placeholder small{font-size:12px;color:#97898b}.dropzone img{height:300px;max-height:55vh;width:100%;object-fit:contain;background:#f8f3f3}.change-label{position:absolute;bottom:10px;right:10px;background:#fffef3e8;padding:9px 12px;color:#452f39;border-radius:20px;font-size:12px;font-weight:700}.controls{margin-top:20px}.controls label{font-weight:750;font-size:13px;display:block;margin-bottom:9px}.optional{font-size:10px;color:#9b8b8f;font-weight:500;margin-left:5px}.controls input{border:1px solid #dcd4d4;border-radius:10px;width:100%;height:46px;font-size:16px;padding:0 13px;background:#fff}.controls small{display:block;font-size:11px;color:#8c8082;line-height:1.7;margin-top:7px}.primary{appearance:none;border:0;width:100%;min-height:51px;border-radius:12px;background:#7b5260;color:#fff;padding:14px 18px;font-size:15px;font-weight:750;display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-top:17px}.primary:disabled{opacity:.4;cursor:not-allowed}.text-button{width:100%;border:0;background:none;color:#956470;font-size:13px;cursor:pointer;margin-top:14px;padding:6px}.status{color:#856373;font-size:12px;line-height:1.7;white-space:pre-wrap;margin-bottom:0}.status:empty{display:none}.results{padding-top:18px}.section-top{display:flex;justify-content:space-between;align-items:center;margin:6px 3px 9px}.section-top h2{font-size:23px;margin:5px 0}.mode-tag{font-size:10px;color:#825d62;background:#f2e4e3;border-radius:20px;padding:6px 8px;white-space:nowrap}.hint{font-size:12px;color:#867b7d;line-height:1.8;margin:0 3px 17px}.output-panel{padding-bottom:7px}.output-field{padding:0 0 15px;margin-bottom:15px;border-bottom:1px solid #f2eded}.output-field:last-child{border-bottom:0;margin-bottom:0}.output-label{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:12px;font-weight:760;margin:0 0 8px}.char-count{font-size:10px;color:#9a8d8d;font-weight:500}.char-count.over{color:#c34a5a}.field-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.copy-button{border:1px solid #e3d5d8;border-radius:9px;background:#faf5f4;color:#784c58;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer}.field-bottom .hint{margin:0;font-size:10px}.editor{font-family:inherit;color:#292629;font-size:15px;line-height:1.65;padding:12px 13px;border:1px solid #ddd6d6;border-radius:10px;display:block;width:100%;resize:vertical;min-height:77px;background:#fff}.editor.long{min-height:230px}.editor:focus,.controls input:focus{outline:2px solid #cba9b2;outline-offset:1px}.privacy-note{margin-top:17px}.help{padding:20px 8px 26px}.help h2{font-size:18px;margin:4px 0 16px}.howto{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--edge);min-height:56px}.howto span{border:1px solid #e3d4d6;color:#a3717d;width:25px;height:25px;border-radius:50%;font-size:12px;display:grid;place-items:center;flex-shrink:0}.howto p{font-size:12px;color:#6e6266}.help details{font-size:13px;color:#6f6266;margin-top:20px}.help summary{font-weight:700;cursor:pointer}.help details p{line-height:1.8}footer{font-size:12px;color:#8b7c81;text-align:center;border-top:1px solid var(--edge);padding:24px 6px}footer span{margin-left:8px;font-size:10px}footer p{font-size:11px;line-height:1.8}@media(min-width:650px){.intro{padding-top:45px}.panel{padding:24px}.dropzone{min-height:265px}}
.staff-row{display:flex;gap:8px;margin-bottom:8px}.staff-row select,.staff-row input{flex:1;min-width:0;border:1px solid #dcd4d4;border-radius:10px;height:46px;font-size:16px;padding:0 12px;background:#fff;color:var(--ink)}.mini-button{flex-shrink:0;border:1px solid #e3d5d8;border-radius:10px;background:#faf5f4;color:#784c58;padding:0 16px;height:46px;font-size:14px;font-weight:700;cursor:pointer}.controls .check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#6f6266;margin:10px 0 0}.controls .check input{width:20px;height:20px;margin:0}.analysis{display:grid;grid-template-columns:max-content 1fr;gap:10px 14px;margin:0 0 12px;font-size:13px;line-height:1.6}.analysis dt{color:#957c82;font-weight:700}.analysis dd{margin:0}.analysis-note{margin:0 0 12px}.copy-button{min-height:40px}
.ai-settings{border:1px solid var(--edge);border-radius:14px;padding:4px 14px;background:#fdfaf9}.ai-settings summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;font-weight:750;font-size:14px;cursor:pointer;list-style:none}.ai-settings summary::-webkit-details-marker{display:none}.ai-settings summary::after{content:"＋";color:#a3717d;margin-left:8px}.ai-settings[open] summary::after{content:"－"}.ai-settings summary span:first-child{flex:1}.ai-state{font-size:11px;font-weight:700;border-radius:20px;padding:5px 10px;background:#f3e3e3;color:#ad3548}.ai-state.ready{background:#e6efe6;color:#3f6b48}.ai-settings[open]{padding-bottom:14px}.ai-settings input[type=text],.ai-settings input[type=password]{margin-bottom:12px}.ai-settings label{margin-top:4px}.mode-row{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}.controls .mode{flex:1 1 140px;display:flex;align-items:center;gap:8px;border:1px solid #e3d5d8;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;background:#fff;margin:0;cursor:pointer}.mode input{width:18px;height:18px;margin:0;accent-color:#7b5260}.mode:has(input:checked){border-color:#7b5260;background:#f7eff0}.ai-settings a{color:#7b5260}.key-actions{margin-top:12px}.key-actions .mini-button{flex:1}
