:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;background:#f5f5f4;font-family:Segoe UI,Noto Sans KR,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select,textarea,input{font:inherit}#root{min-height:100vh}.app-shell{width:min(1080px,100vw - 32px);margin:0 auto;padding:24px 0 40px}.hero{justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px;display:flex}.hero h1{letter-spacing:-.03em;max-width:680px;margin:0;font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.1}.hero-copy{color:#57534e;margin:8px 0 0}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#78716c;margin:0 0 6px;font-size:.78rem;font-weight:600}.tab-strip{background:#fff;border:1px solid #e7e5e4;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.tab-button{color:#57534e;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 14px;transition:background-color .16s,color .16s}.tab-button.is-active{color:#fafaf9;background:#111827}.panel-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;display:grid}.panel{box-shadow:none;background:#fff;border:1px solid #e7e5e4;border-radius:16px;padding:20px}.preview-panel,.result-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.preview-panel{gap:12px}.field-row,.action-row{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.field{flex:180px}.field-label{color:#292524;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.helper-text{color:#78716c;margin:10px 0 0;font-size:.92rem}.text-input,.select-input,.dropzone{background:#fff;border:1px solid #d6d3d1;border-radius:12px;width:100%}.text-input,.select-input{padding:14px 16px}.text-input{resize:vertical;min-height:220px}.select-input{min-height:52px}.result-input{min-height:220px}.button{cursor:pointer;border:0;border-radius:12px;padding:11px 15px;font-weight:600;text-decoration:none;transition:background-color .16s,border-color .16s}.button:disabled{cursor:not-allowed;opacity:.6}.button-primary{color:#fafaf9;background:#111827}.button-secondary{color:#111827;background:#fff;border:1px solid #d6d3d1}.link-button{justify-content:center;align-items:center;display:inline-flex}.preview-image{object-fit:contain;width:min(100%,420px);height:auto;box-shadow:none;background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:12px}.dropzone{background:#fafaf9;margin-top:14px;padding:10px;transition:border-color .16s,background-color .16s}.dropzone.is-drag-over{background:#f5f5f4;border-color:#111827}.camera-feed{aspect-ratio:16/9;object-fit:cover;background:#020617;border-radius:16px;width:100%;display:block}.placeholder-text,.hint-text,.meta-text,.error-text{margin:0}.placeholder-text{color:#78716c}.hint-text{color:#57534e;margin-top:16px}.meta-text{color:#78716c;margin-top:12px}.error-text{color:#b91c1c;margin-top:14px;font-weight:500}kbd{background:#fff;border:1px solid #d6d3d1;border-radius:6px;padding:2px 6px;font-size:.84rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.hero{flex-direction:column;align-items:start}.panel-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{width:min(100vw - 24px,1080px);padding-top:24px}.panel{padding:18px}.tab-strip{justify-content:space-between;width:100%}.tab-button{flex:1 1 0}}