:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;--blue:#176df5;--blue-dark:#0f5ed9;--blue-soft:#edf5ff;--ink:#111827;--muted:#667085;--muted-light:#8c98aa;--line:#dce3ed;--line-strong:#c8d2df;--stage:#f1f5f9;--coral:#ff655c;--warning:#b25a00;--warning-bg:#fff7e8;--success:#0e8a65;--success-bg:#eaf9f3;background:#fff;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#fff;min-height:100vh}button,select,input{font:inherit}button,label,select{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,canvas:focus-visible,.ad-banner-link:focus-visible,.language-switch:focus-visible,.dropzone:focus-within{outline-offset:2px;outline:3px solid #176df53d}button:disabled,select:disabled{cursor:not-allowed}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--line);background:#fff;flex:none}.brand-row{justify-content:space-between;align-items:center;gap:24px;min-height:69px;padding:0 32px;display:flex}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{width:34px;height:34px;color:var(--blue);border:1px solid #cfe0fb;border-radius:9px;place-items:center;display:grid}.brand-name{letter-spacing:-.04em;font-size:25px;font-weight:760;line-height:1}.header-actions{align-items:center;gap:14px;display:flex}.privacy-line{color:#5f6c80;align-items:center;gap:7px;font-size:13px;font-weight:520;display:flex}.language-switch{color:#354258;border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:96px;height:34px;padding:0 10px;font-size:11px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.language-switch span{color:var(--blue);font-size:10px;font-weight:760}.language-switch strong{font-weight:680}.language-switch:hover{color:var(--blue-dark);background:#f7faff;border-color:#9dbff8}.mode-tabs{border-top:1px solid #edf1f5;align-items:stretch;gap:32px;height:50px;padding:0 32px;display:flex}.mode-tab{appearance:none;color:#5c687b;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:15px;font-weight:650;position:relative}.mode-tab:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.mode-tab:hover{color:var(--ink)}.mode-tab.is-active{color:var(--blue)}.mode-tab.is-active:after{background:var(--blue)}.workspace{flex:1;grid-template-columns:minmax(270px,312px) minmax(460px,1fr) minmax(260px,294px);width:100%;min-height:calc(100vh - 157px);display:grid}.workflow-rail,.result-rail{background:#fff}.workflow-rail{border-right:1px solid var(--line);padding:25px 22px 28px 28px}.result-rail{border-left:1px solid var(--line);padding:28px 26px}.step-section{padding-bottom:22px;position:relative}.step-section:not(:last-child):before{content:"";background:#e3e8ef;width:1px;position:absolute;top:34px;bottom:0;left:15px}.step-heading{align-items:center;gap:11px;min-height:32px;display:flex}.step-heading h2,.rail-heading h2,.summary-section>h2{color:var(--ink);margin:0;font-size:15px;font-weight:720;line-height:1.3}.step-number{color:#fff;background:var(--blue);z-index:1;border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;font-weight:720;display:grid;box-shadow:0 0 0 4px #fff}.step-content{padding:12px 0 0 42px}.dropzone{color:#71809a;cursor:pointer;text-align:center;background:#fbfdff;border:1px dashed #b8c6d8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:124px;padding:16px 12px;transition:border-color .16s,background .16s,color .16s;display:flex}.dropzone:hover,.dropzone.is-dragging{color:var(--blue);border-color:var(--blue);background:#f4f8ff}.dropzone strong{color:var(--ink);font-size:13px;font-weight:680}.dropzone span,.dropzone small{font-size:11px;line-height:1.4}.dropzone small{color:#98a3b3}.uploaded-file{border:1px solid var(--line);border-radius:10px;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.file-symbol{width:38px;height:38px;color:var(--blue);background:var(--blue-soft);border-radius:7px;place-items:center;display:grid}.file-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.file-copy strong{color:#273347;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.file-copy span{color:#8490a2;font-size:10px}.icon-button{color:#6b7789;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.icon-button:hover{color:var(--ink);background:#f0f3f7}.preset-fields{flex-direction:column;gap:12px;display:flex}.control-field{color:#4d5a6d;flex-direction:column;gap:6px;font-size:11px;font-weight:620;display:flex}.control-field select{color:#263247;border:1px solid var(--line-strong);background:#fff;border-radius:8px;width:100%;height:38px;padding:0 32px 0 11px;font-size:12px}.spec-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spec-field{border:1px solid var(--line);border-radius:8px;flex-direction:column;justify-content:center;gap:3px;min-height:53px;padding:8px 10px;display:flex}.spec-field span{color:#7b8798;font-size:10px}.spec-field strong{color:#273347;font-size:12px;font-weight:650}.inline-note,.section-copy,.keyboard-hint,.privacy-footnote{color:#788598;margin:10px 0 0;font-size:10.5px;line-height:1.55}.inline-note{color:#64748b;background:#f6f8fb;border-radius:7px;padding:9px 10px}.selection-controls{flex-direction:column;gap:12px;margin-top:12px;display:flex}.range-field{flex-direction:column;gap:7px;display:flex}.range-field>span{color:#526075;justify-content:space-between;align-items:center;font-size:11px;display:flex}.range-field b{font-weight:650}.range-field output{color:var(--blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.range-field input{width:100%;accent-color:var(--blue)}.field-error{color:#ba3b36;margin:8px 0 0;font-size:11px;line-height:1.45}.button-stack{flex-direction:column;gap:8px;display:flex}.action-button{color:#fff;background:var(--blue);border:1px solid var(--blue);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:680;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.action-button:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px)}.action-button:active:not(:disabled){transform:translateY(0)}.action-button.is-full{width:100%}.action-button.is-secondary{color:var(--blue);background:#fff;border-color:#9dbff8}.action-button.is-secondary:hover:not(:disabled){color:#0f5ed9;border-color:var(--blue);background:#f4f8ff}.action-button.is-quiet{color:#596679;border-color:var(--line-strong);background:#fff}.action-button:disabled{color:#9ba7b7;background:#eef1f5;border-color:#e2e6ec;transform:none}.text-button{color:var(--blue);cursor:pointer;text-align:left;background:0 0;border:0;padding:4px 2px;font-size:11px}.text-button:hover:not(:disabled){text-decoration:underline}.text-button:disabled{color:#a1aaba}.canvas-column{background:#f8fafc;flex-direction:column;min-width:0;padding:14px;display:flex}.canvas-stage{background-color:var(--stage);background-image:linear-gradient(#e8edf3 1px,#0000 1px),linear-gradient(90deg,#e8edf3 1px,#0000 1px);background-size:24px 24px;border:1px solid #e3e8ef;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:570px;display:flex;position:relative;overflow:hidden}.canvas-stage.has-image{background-image:none;padding:24px}.canvas-empty{color:#778397;text-align:center;flex-direction:column;align-items:center;width:min(330px,100% - 40px);display:flex}.empty-grid-icon{color:#7399d8;background:#ffffffbd;border:1px solid #d4deeb;border-radius:13px;place-items:center;width:58px;height:58px;margin-bottom:15px;display:grid}.canvas-empty strong{color:#263247;font-size:15px}.canvas-empty p{margin:7px 0 0;font-size:12px;line-height:1.6}.editor-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:2px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 245px);display:block;box-shadow:0 8px 24px #20304b1f}.editor-canvas.interaction-edit{cursor:move}.canvas-status{color:#778397;align-items:center;gap:7px;min-height:34px;padding:0 5px;font-size:10px;display:flex}.status-dot{background:#b9c3d0;border-radius:50%;width:7px;height:7px}.status-dot.is-complete{background:var(--success)}.status-spacer{flex:1}.summary-section{border-bottom:1px solid var(--line);padding-bottom:24px}.summary-section+.summary-section{padding-top:24px}.rail-heading{align-items:center;gap:9px;display:flex}.rail-heading svg{color:var(--blue)}.summary-list{margin:14px 0 0}.summary-list>div{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.summary-list dt{color:#6e7b8e;font-size:11px}.summary-list dd{color:#253146;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:620}.selection-summary{color:#8792a3;background:#f5f7fa;border-radius:9px;align-items:center;gap:10px;margin-top:15px;padding:14px;display:flex}.selection-summary.is-ready{color:var(--blue);background:var(--blue-soft)}.selection-summary>div{flex-direction:column;gap:3px;min-width:0;display:flex}.selection-summary strong{font-size:12px}.selection-summary span{color:#7a8799;font-size:9.5px}.output-preview{color:#9ba7b7;background:#f5f7fa;border:1px solid #e3e8ef;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:138px;margin:13px 0 14px;font-size:10px;display:flex;overflow:hidden}.output-preview canvas{max-width:100%;max-height:180px;display:block}.output-preview.has-result{background:#fff;min-height:0}.privacy-footnote{text-align:center}.detection-message{min-height:55px;color:var(--warning);background:var(--warning-bg);border:1px solid #f2d7ae;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:9px;padding:10px 11px;font-size:10.5px;line-height:1.5;display:flex}.detection-message svg,.detection-message .spinner{flex:none}.detection-message.is-running{color:#466788;background:#f1f6fb;border-color:#d5e2ee}.detection-message.is-accepted{color:#08785a;background:var(--success-bg);border-color:#c7eadf}.spinner{border:2px solid #c7d5e5;border-top-color:var(--blue);border-radius:50%;width:17px;height:17px;margin:1px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.restore-preset{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.restore-summary>span,.confidence-section>span{color:#4c596d;font-size:13px;font-weight:650}.restore-summary>strong,.confidence-section>strong{color:var(--ink);letter-spacing:-.04em;margin-top:10px;font-size:31px;font-weight:760;line-height:1;display:block}.restore-summary>p,.confidence-section>p{color:#778397;margin:10px 0 0;font-size:10.5px;line-height:1.5}.restore-summary,.confidence-section{border-bottom:1px solid var(--line);padding-bottom:22px}.confidence-section{padding-top:22px}.confidence-progress{appearance:none;background:#e9edf2;border:0;border-radius:99px;width:100%;height:4px;margin-top:14px;overflow:hidden}.confidence-progress::-webkit-progress-bar{background:#e9edf2;border-radius:99px}.confidence-progress::-webkit-progress-value{background:var(--blue);border-radius:99px}.confidence-progress::-moz-progress-bar{background:var(--blue);border-radius:99px}.action-section{flex-direction:column;gap:9px;padding-top:22px;display:flex}.action-section .rail-heading{margin-bottom:6px}.quality-note{color:var(--warning);background:var(--warning-bg);border-radius:7px;align-items:center;gap:7px;padding:9px 10px;font-size:10px;display:flex}.quality-note.is-exact{color:var(--success);background:var(--success-bg)}.ad-banner{color:#334155;background:#f8fbff;border:1px solid #d7e4f6;border-radius:12px;grid-template-columns:124px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:92px;margin:14px 28px;padding:10px 12px;display:grid}.ad-banner-image{object-fit:cover;border-radius:9px;width:124px;height:70px;display:block}.ad-banner-copy{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.ad-banner-label{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:760}.ad-banner-copy strong{color:var(--ink);font-size:14px}.ad-banner-copy p{color:#728096;margin:0;font-size:10.5px;line-height:1.45}.ad-banner-link{color:#fff;background:var(--blue);border-radius:8px;justify-content:center;align-items:center;min-width:106px;min-height:38px;padding:0 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.ad-banner-link:hover{background:var(--blue-dark)}.app-footer{color:#8a95a6;border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:38px;padding:0 28px;font-size:9.5px;display:flex}@media (max-width:1120px){.workspace{grid-template-columns:276px minmax(0,1fr)}.result-rail{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.result-rail>section{border:0;padding:0}.summary-section+.summary-section,.confidence-section,.action-section{padding-top:0}.editor-canvas{max-height:660px}}@media (max-width:760px){.brand-row{min-height:60px;padding:0 18px}.brand-name{font-size:22px}.privacy-line span{display:none}.header-actions{gap:8px}.language-switch{min-width:82px;padding:0 8px}.mode-tabs{gap:26px;height:48px;padding:0 18px}.workspace{flex-direction:column;display:flex}.workflow-rail{border-right:0;order:1;padding:20px 18px 5px}.canvas-column{order:2;padding:10px}.result-rail{border-top:1px solid var(--line);flex-direction:column;order:3;gap:22px;padding:22px 18px;display:flex}.canvas-stage{min-height:390px}.canvas-stage.has-image{padding:10px}.editor-canvas{max-height:66vh}.app-footer{padding:0 16px}.app-footer span:first-child{display:none}.app-footer span:last-child{text-align:center;width:100%}.ad-banner{grid-template-columns:88px minmax(0,1fr);gap:11px;margin:10px 14px;padding:10px}.ad-banner-image{width:88px;height:58px}.ad-banner-link{grid-column:1/-1;min-height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}