:root{--violet: #6a32f0;--violet-2: #5b23e8;--violet-soft: #f1eefe;--violet-soft-2: #efedfd;--ink: #0e1220;--text: #161620;--text-muted: #6b6b82;--text-faint: #9797ab;--border: #eceaf4;--border-strong: #e2e2ee;--sidebar-active-bg: #f7f5fd;--page-bg: #eceefb;--main-bg: #fbfafd;--track: #e2e3ee;--green-bg: #e9f9ef;--green-border: #cdf0da;--green-text: #1a9c4c;--grey-icon-bg: #f0f0f5;--hand: #4b3df0;--grad-primary: linear-gradient(135deg, #7a3df5, #5b23e8);--grad-strong: linear-gradient(135deg, #6a2ff2, #4a12d6);--grad-track: linear-gradient(90deg, #6a2ff2, #5c1fe8);--shadow-app: 0 24px 60px -24px rgba(30, 20, 90, .2), 0 2px 10px rgba(30, 20, 90, .05);--shadow-btn: 0 14px 26px -10px rgba(90, 32, 232, .55);--app-zoom: 1;--design-w: 1700px;--design-h: 796px}*{box-sizing:border-box}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#cfc9ee;border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#b3a9e8;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:#cfc9ee transparent}.print-frame{position:fixed;left:-10000px;top:0;width:900px;height:1300px;border:0}html,body{margin:0;padding:0;height:100%}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;background:var(--page-bg);color:var(--ink);overflow:hidden}#root{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.app-stage{position:relative;width:var(--design-w);height:var(--design-h);padding:22px;box-sizing:border-box;flex-shrink:0;transform:scale(var(--app-zoom));transform-origin:center center}.app-shell{height:100%;background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-app);border:1px solid #f0f0f6;display:flex}.right{flex:1;display:flex;flex-direction:column;min-width:0}.sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0 32px 28px;overflow:hidden;white-space:nowrap;transition:width .25s ease,padding .25s ease}.sidebar.collapsed{width:0;padding-left:0;padding-right:0;border-right:none}.sidebar-head-divider{height:1px;background:var(--border);margin:0 -32px;flex-shrink:0}.brand-row{display:flex;align-items:center;gap:14px;height:88px;margin:0;flex-shrink:0}.logo{width:100px;height:auto;object-fit:contain;flex-shrink:0}.brand-text{font-weight:800;font-size:19px;line-height:1.18;letter-spacing:.3px;color:var(--ink)}.steps{margin-top:28px}.step{position:relative;display:flex;gap:14px;padding:14px 12px 22px;border-radius:12px;cursor:pointer;transition:background .15s ease}.step.active{background:var(--sidebar-active-bg);padding-bottom:14px}.step.locked{cursor:default;opacity:.45}.step-connector{width:2px;height:22px;margin-left:33px;margin-top:-8px;margin-bottom:6px}.step-connector.on{background:var(--violet)}.step-connector.off{background:#e4e4ee}.step-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.step-circle.done,.step-circle.current{background:var(--grad-primary);color:#fff;box-shadow:0 6px 14px -4px #632dec8c}.step-circle.todo{background:#fff;border:1.5px solid #e2e2ee;color:var(--ink)}.step-body{padding-top:2px}.step-title{font-weight:700;font-size:17px;color:var(--ink);line-height:1.3}.step-title.current{color:var(--violet)}.step-sub{font-size:14px;color:var(--text-muted);margin-top:3px}.sidebar-spacer{flex:1}.sidebar-footer{border-top:1px solid #ececf4;padding-top:20px}.footer-step-label{font-weight:700;font-size:15px;color:var(--ink);margin-bottom:12px}.progress-track{width:95%;height:6px;background:var(--track);border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:var(--grad-track);border-radius:6px;transition:width .35s ease}.progress-fill.p33{width:33%}.progress-fill.p66{width:66%}.progress-fill.p100{width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 40px 0 24px;height:88px;border-bottom:1px solid var(--border);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:18px;min-width:0}.hamburger{width:38px;height:38px;flex-shrink:0;border-radius:10px;border:1.5px solid var(--border-strong);background:#fff;color:var(--violet);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.hamburger:hover{background:var(--violet-soft)}.topbar-right{display:flex;align-items:center;gap:26px}.action{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:500;color:var(--violet);cursor:pointer;white-space:nowrap;background:none;border:none;padding:0;font-family:inherit}.action svg{color:var(--violet)}.action.disabled{color:#c7c7d6;cursor:default}.action.disabled svg{color:#c7c7d6}.divider{width:1px;height:22px;background:#e6e6ef}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:700;border:none;cursor:pointer;white-space:nowrap;transition:box-shadow .2s ease,transform .05s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary svg{color:#fff}.btn-strong{background:var(--grad-strong);color:#fff;box-shadow:var(--shadow-btn)}.btn-strong svg{color:#fff}.btn-outline{background:#fff;color:var(--ink);border:1.5px solid var(--border-strong);font-weight:600}.btn-outline svg{color:var(--violet)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-lg{font-size:16.5px;padding:17px 30px;border-radius:12px}.btn-md{font-size:14.5px;padding:0 20px;height:44px;border-radius:10px;font-weight:600}.btn-sm{font-size:14.5px;padding:12px 20px;border-radius:10px}.btn-block{width:100%}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 40px 60px;position:relative;background:radial-gradient(ellipse 900px 500px at 85% 5%,#eeeafd 0%,transparent 60%),radial-gradient(ellipse 1100px 700px at 90% 100%,#eeecfb 0%,transparent 55%),var(--main-bg);overflow:hidden}.illustration{position:relative;width:420px;height:340px;margin-bottom:8px;flex-shrink:0}.illustration .blob{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:340px;height:300px;background:radial-gradient(circle,#efeafc 0%,#f4f0fd 65%,transparent 100%);border-radius:50%}.illustration .main-art{position:relative;z-index:1;width:100%;height:100%;object-fit:none}.sparkle{position:absolute;color:var(--violet)}h1.hero-title{font-size:42px;font-weight:800;margin:18px 0 16px;letter-spacing:-.5px;color:var(--ink)}p.hero-sub{font-size:17px;color:var(--text-muted);line-height:1.55;max-width:480px;margin:0 0 34px}.workspace{flex:1;display:flex;flex-direction:column;padding:20px 32px 16px;background:var(--page-bg);min-width:0;min-height:0;overflow-y:auto}.hero{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding:0 2px}.hero h1{font-size:27px;margin:0 0 5px;font-weight:800;letter-spacing:-.3px}.hero p{margin:0;color:var(--text-muted);font-size:14.5px}.hero-art{width:210px;height:118px;position:relative;flex-shrink:0}.hero-art .blob{position:absolute;right:0;bottom:0;width:170px;height:100px;background:radial-gradient(120% 120% at 60% 40%,#eee9ff 0%,#f4f1ff 70%,transparent 100%);border-radius:50%}.hero-art svg.sparkle{position:absolute;color:#c9bdfb}.hero-art svg.hero-doc{position:absolute;right:0;bottom:0}.sp1{top:2px;left:18px;width:14px;height:14px}.sp2{top:26px;left:0;width:9px;height:9px}.sp3{top:6px;right:6px;width:11px;height:11px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px 26px;margin-bottom:18px}.card-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}.num-badge{width:23px;height:23px;border-radius:50%;background:var(--violet);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;flex-shrink:0}.card-head h2{font-size:16.5px;margin:0;font-weight:700}.card-sub{font-size:13.5px;color:var(--text-muted);margin:-8px 0 18px 34px;line-height:1.4}.options-row{display:flex;gap:16px}.option{flex:1;border:1.5px solid var(--border-strong);border-radius:12px;padding:18px 20px;display:flex;gap:14px;align-items:center;position:relative;cursor:pointer}.option.selected{border-color:var(--violet);background:#f8f7ff}.option-icon{width:46px;height:46px;border-radius:10px;background:var(--violet-soft-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text)}.option-icon.upload{background:var(--grey-icon-bg);color:#4b4b5c}.option-title{font-weight:700;font-size:14.5px;margin-bottom:3px;color:var(--text)}.option-desc{font-size:13px;color:var(--text-muted)}.option-desc.link{color:var(--violet);font-weight:500}.check-badge{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--violet);color:#fff;display:flex;align-items:center;justify-content:center}.badge-pill{margin-left:auto;background:var(--violet-soft);color:var(--violet);font-size:12.5px;font-weight:500;padding:7px 14px;border-radius:20px;display:flex;align-items:center;gap:7px;white-space:nowrap}.badge-pill svg{color:var(--violet)}.badge-pill code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:700;background:transparent}.badge-pill .sep{color:var(--text-faint);font-weight:400}.status-banner{display:flex;align-items:center;gap:10px;background:var(--green-bg);border:1px solid var(--green-border);color:var(--green-text);border-radius:10px;padding:13px 16px;font-size:14.5px;font-weight:600;margin-bottom:20px}.status-dot{width:19px;height:19px;border-radius:50%;background:var(--green-text);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}label.field-label{display:block;font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:8px}.field-row{display:flex;gap:12px}.select-wrap{flex:1;position:relative;display:flex;align-items:center}.dpi-wrap{flex:0 0 132px}.dpi-trigger>svg:first-child{color:var(--violet);flex-shrink:0}.dpi-option{font-size:14px;font-weight:600}.scanner-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:12px 40px 12px 14px;border:1.5px solid var(--border-strong);border-radius:10px;background:#fff;font-size:14px;font-family:inherit;color:var(--text);cursor:pointer;text-align:left}.scanner-trigger .placeholder{color:var(--text-faint)}.scanner-trigger>svg:first-child{color:var(--violet);flex-shrink:0}.scanner-trigger .chevron{position:absolute;right:14px;color:var(--text-muted);transition:transform .15s ease;pointer-events:none}.scanner-trigger .chevron.rotated{transform:rotate(180deg)}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.scanner-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 18px 40px -18px #1e145a40;padding:6px;z-index:20;max-height:268px;overflow-y:auto}.printer-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;cursor:pointer}.printer-row:hover,.printer-row.selected{background:var(--violet-soft)}.printer-row>svg{color:var(--violet);flex-shrink:0}.printer-icon-box{width:30px;height:30px;flex-shrink:0;border-radius:8px;background:var(--violet-soft);color:var(--violet);display:flex;align-items:center;justify-content:center;line-height:0}.printer-icon-box svg{display:block;margin:0 auto}.printer-info{flex:1;min-width:0}.printer-row.empty{cursor:default}.printer-row.empty:hover{background:transparent}.printer-row.empty>svg{color:var(--text-faint)}.printer-row.noscan{cursor:not-allowed;opacity:.55}.printer-row.noscan:hover,.printer-row.noscan.selected{background:transparent}.status-noscan{background:var(--grey-icon-bg);color:var(--text-faint);border:1px solid var(--border)}.status-noscan .status-dot-blink{background:var(--text-faint);animation:none}.printer-row.empty .printer-name{color:var(--text-muted);font-weight:500}.printer-name{font-size:13.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.printer-type{font-size:11.5px;color:var(--text-faint);text-transform:capitalize}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:capitalize;white-space:nowrap;flex-shrink:0}.printer-status{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.status-dot-blink{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-online{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border)}.status-online .status-dot-blink{background:var(--green-text);animation:blink-green 1.2s infinite}.status-offline{background:#fdecec;color:#e6394c;border:1px solid #f5cccc}.status-offline .status-dot-blink{background:#e6394c;animation:blink-red .8s infinite}.status-busy{background:#fbf1de;color:#c9962f;border:1px solid #f0ddb4}.status-busy .status-dot-blink{background:#c9962f;animation:blink-amber 1s infinite}.status-in-progress{background:#eaf2fe;color:#2563eb;border:1px solid #cfe0fd}.status-in-progress .status-dot-blink{background:#2563eb;animation:blink-blue 1s infinite}.status-connecting{background:var(--grey-icon-bg);color:var(--text-faint);border:1px solid var(--border-strong)}.status-connecting .status-dot-blink{background:#b3a9e8;animation:blink-amber .6s infinite}.retry-btn{width:26px;height:26px;padding:0;border-radius:7px;border:1.5px solid var(--border-strong);background:#fff;color:var(--violet);display:flex;align-items:center;justify-content:center;line-height:0;cursor:pointer;flex-shrink:0}.retry-btn svg{display:block;margin:0 auto}.retry-btn:hover{background:var(--violet-soft)}@keyframes blink-green{0%,to{opacity:1}50%{opacity:.25}}@keyframes blink-red{0%,to{opacity:1}50%{opacity:.2}}@keyframes blink-amber{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink-blue{0%,to{opacity:1}50%{opacity:.3}}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1.5px dashed var(--border-strong);border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.upload-zone:hover{border-color:var(--violet);background:#faf9ff}.upload-zone-icon{width:56px;height:56px;border-radius:14px;background:var(--violet-soft);color:var(--violet);display:flex;align-items:center;justify-content:center}.upload-zone-title{font-size:15.5px;font-weight:700;color:var(--text)}.upload-zone-sub{font-size:13.5px;color:var(--text-muted);margin-bottom:4px}.upload-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.upload-item{display:flex;align-items:center;gap:10px;background:var(--grey-icon-bg);border-radius:10px;padding:10px 14px}.upload-item svg{color:var(--violet);flex-shrink:0}.upload-name{font-size:13.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-size{margin-left:auto;font-size:12.5px;color:var(--text-faint);flex-shrink:0}.footer-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px 26px;margin-top:auto}.footer-left{flex:1}.footer-step{font-size:14.5px;font-weight:700;margin-bottom:10px}.footer-actions{display:flex;gap:12px}.body-wrap{display:flex;flex-direction:column}.page-head{display:grid;grid-template-columns:1fr 372px;gap:20px;align-items:start;padding-bottom:16px}.page-head h1{font-size:25px;margin:0 0 4px;font-weight:800;letter-spacing:-.3px}.page-head p{margin:0;color:var(--text-muted);font-size:14px}.status-banner.stacked{display:flex;gap:12px;align-items:flex-start;background:var(--green-bg);border:1px solid var(--green-border);border-radius:12px;padding:12px 18px;color:var(--green-text)}.status-check{width:24px;height:24px;border-radius:50%;background:var(--green-text);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.status-title{font-weight:700;font-size:14.5px;color:var(--green-text);margin-bottom:2px}.status-sub{font-size:13.5px;color:#4c8e6a}.columns{display:grid;grid-template-columns:1fr 372px;gap:20px;align-items:start}.main-col{display:grid;grid-template-columns:172px 1fr;gap:20px;align-items:stretch;min-width:0}.columns.collapsed .main-col{grid-template-columns:270px 1fr}.columns.collapsed .viewer-img-holder{margin:auto}.columns.collapsed .space-content{font-size:calc(5px * var(--pxmm, 2.5))}.pages-card{padding:16px 14px;display:flex;flex-direction:column;height:auto;min-height:0}.pages-title{font-weight:700;font-size:14.5px;margin:0 0 12px 2px}.pages-scroll{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-y:auto;padding-right:6px}.thumb{position:relative;border:1.5px solid var(--border-strong);border-radius:10px;padding:8px;height:185px;background:#fff;cursor:pointer}.columns.collapsed .thumb{height:250px}.thumb.selected{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet)}.thumb.dragging{opacity:.45}.thumb.over{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet);border-style:dashed}.thumb-badge{position:absolute;top:8px;left:8px;width:20px;height:20px;border-radius:50%;background:var(--violet);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.thumb-delete{position:absolute;top:8px;right:8px;width:22px;height:22px;border:1.5px solid var(--border-strong);border-radius:50%;background:#fff;color:#e5484d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s}.thumb-delete:hover{background:#fdecec;border-color:#f0a8ab}.thumb-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;background:#f4f2fd}.pages-empty{padding:22px 14px;text-align:center;color:var(--text-muted);font-size:13.5px;line-height:1.6;border:1.5px dashed var(--border-strong);border-radius:10px}.viewer-card{display:flex;flex-direction:column;overflow:hidden;height:auto;min-width:0}.columns.collapsed .viewer-card{height:1200px}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 2px}.viewer-label{font-size:14px;color:var(--text-muted)}.toolbar-btns{position:relative;display:flex;gap:8px}.add-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:60;display:flex;flex-direction:column;gap:4px;min-width:230px;padding:6px;background:#fff;border:1.5px solid var(--border-strong);border-radius:12px;box-shadow:0 14px 36px -14px #18113b66}.add-menu-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border:none;border-radius:9px;background:transparent;font-family:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:background .14s ease}.add-menu-item:hover{background:var(--violet-soft)}.add-menu-item>svg{color:var(--violet);flex-shrink:0}.add-menu-item>span{display:flex;flex-direction:column;font-size:13px;font-weight:600}.add-menu-item small{font-size:11.5px;font-weight:500;color:var(--text-muted)}.tbtn{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--border-strong);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer}.tbtn-cancel{width:60px;height:34px;border-radius:8px;border:1.5px solid var(--border-strong);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer}.tbtn.text{width:auto;padding:0 13px;gap:6px;font-size:13px;font-weight:600;color:var(--violet);font-family:inherit}.tbtn.text:hover{background:var(--violet-soft)}.tbtn:disabled{opacity:.6;cursor:default}.tbtn.strong{width:auto;padding:0 13px;gap:6px;font-size:13px;font-weight:700;color:#fff;background:var(--grad-strong);border:none;font-family:inherit}.viewer-img-holder{position:relative;display:flex;justify-content:center;align-items:flex-start;margin:0 auto;max-width:100%}.crop-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;z-index:5}.crop-box{position:absolute;border:2px solid var(--violet);box-shadow:0 0 0 9999px #18113b59;cursor:move}.crop-handle{position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;border-radius:50%;background:var(--violet);border:2.5px solid #fff;cursor:nwse-resize}.crop-box.manual{border:2px dashed #1a9c4c;box-shadow:0 0 0 9999px #143c1e47}.crop-box.manual .crop-handle{background:#1a9c4c}.manual-hint{position:absolute;top:-30px;left:0;font-size:12px;color:#fff;background:#1a9c4c;border-radius:6px;padding:3px 8px;white-space:nowrap}.doodle-layer{position:absolute;z-index:4}.doodle-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.doodle-cursor{position:absolute;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;border:1.5px solid;z-index:6}.doodle-cursor.eraser{border-style:dashed;background:#ffffff73}.doodle-tools{display:flex;gap:6px;flex-wrap:wrap}.doodle-tool{flex:1;min-width:58px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border-radius:10px;border:1.5px solid var(--border-strong);background:#fff;color:var(--ink);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit}.doodle-tool.active{border-color:var(--violet);color:var(--violet);background:var(--violet-soft)}.doodle-controls{margin-top:12px;display:flex;flex-direction:column;gap:10px}.doodle-row{display:flex;align-items:center;gap:10px}.doodle-label{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap}.doodle-range{flex:1;accent-color:var(--violet)}.doodle-size{font-size:12px;font-weight:700;color:var(--ink);min-width:38px;text-align:right}.doodle-colors{display:flex;flex-wrap:wrap;gap:8px}.doodle-clear{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border-radius:9px;border:1.5px solid var(--border-strong);background:#fff;color:var(--ink);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}.doodle-clear:hover{background:var(--violet-soft)}.doodle-clear:disabled{opacity:.5;cursor:default}.space-layer{position:absolute;z-index:4;pointer-events:none;container-type:inline-size}.margin-line{position:absolute;z-index:5;width:2px;background:#b91c1c;box-shadow:0 0 8px 2px #b91c1c8c;pointer-events:none}.scale-overlay{position:absolute;z-index:9;pointer-events:none;overflow:hidden}.scale-grid{position:absolute;top:0;right:0;bottom:0;left:0}.scale-axis-x{position:absolute;top:0;left:0;width:100%;height:22px;background-color:#fff6}.scale-axis-y{position:absolute;top:0;left:0;height:100%;width:22px;background-color:#fff6}.scale-tick-x{position:absolute;top:0;bottom:0;width:0;border-left:1.5px solid rgba(59,42,138,.85)}.scale-tick-x b{position:absolute;top:0;left:2px;font-size:9px;font-weight:700;line-height:1.3;color:#3b2a8a;background:#ffffffd9;padding:0 2px;border-radius:2px;white-space:nowrap;font-family:inherit}.scale-tick-y{position:absolute;left:0;right:0;height:0;border-top:1.5px solid rgba(59,42,138,.85)}.scale-tick-y b{position:absolute;top:2px;left:0;font-size:9px;font-weight:700;line-height:1.3;color:#3b2a8a;background:#ffffffd9;padding:0 2px;border-radius:2px;white-space:nowrap;font-family:inherit}.scale-tick-h.x{position:absolute;bottom:0;width:0;height:11px;border-left:1px solid rgba(59,42,138,.55)}.scale-tick-h.y{position:absolute;right:0;height:0;width:11px;border-top:1px solid rgba(59,42,138,.55)}.scale-note{position:absolute;right:4px;bottom:4px;font-size:9.5px;font-weight:700;color:#3b2a8a;background:#ffffffe0;padding:3px 7px;border-radius:6px;box-shadow:0 1px 4px #18113b33;line-height:1.3;font-family:inherit;white-space:nowrap}.tbtn.active{background:var(--violet);border-color:var(--violet);color:#fff}.space-box{pointer-events:auto;position:absolute;outline:1.5px dashed rgba(106,50,240,.85);background:#6a32f00f;border-radius:6px;cursor:move;display:flex;flex-direction:column;container-type:inline-size}.space-box.active{outline:2px solid var(--violet);background:#6a32f01a;box-shadow:0 0 0 1px #6a32f040}.space-resize{position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;border-radius:50%;background:var(--violet);border:2.5px solid #fff;cursor:nwse-resize;z-index:3}.space-drag{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:24px;height:24px;border-radius:50%;background:var(--violet);border:3px solid #fff;cursor:grab;z-index:3;box-shadow:0 1px 5px #0000004d}.space-drag:active{cursor:grabbing}.space-drag:hover{background:#7c3aed}.space-tag{position:absolute;top:-10px;left:6px;z-index:2;font-size:11px;font-weight:700;color:#fff;background:var(--violet);border-radius:6px;padding:4px 12px;min-height:22px;line-height:1.4;display:flex;align-items:center;pointer-events:none;cursor:move}.space-content{flex:1;min-height:0;overflow:auto;padding:calc(3.15px * var(--pxmm, 2.5)) 0;font-size:calc(5px * var(--pxmm, 2.5));font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;text-align:justify;color:var(--ink);outline:none;cursor:text}.space-content:empty:before{content:"Type or paste text...";color:var(--text-faint)}.space-end-marker{position:absolute;left:0;right:0;height:0;border-top:1.5px dashed #16a34a;pointer-events:none;z-index:2}.space-end-label{position:absolute;right:4px;top:2px;font-size:10px;font-weight:700;color:#fff;background:#16a34a;border-radius:4px;padding:1px 6px;line-height:1.5;white-space:nowrap}.space-tools{position:absolute;right:6px;top:6px;display:flex;gap:5px;z-index:3}.space-tool{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:6px;border:1px solid var(--border-strong);background:#fff;color:var(--violet);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer}.space-tool:hover{background:var(--violet-soft)}.space-tool.apply{display:none}.space-tool.apply.show{display:inline-flex;background:var(--violet);border-color:var(--violet);color:#fff}.space-tool.apply.show:hover{background:var(--violet-2)}.space-tool.del{color:#dc2626;border-color:#dc262659}.space-tool.del:hover{background:#dc26261a;color:#b91c1c}.space-editor{position:fixed;z-index:20;background:#fff;border:1px solid rgba(106,50,240,.18);border-radius:12px;padding:8px 10px;box-shadow:0 12px 40px #18113b38,0 2px 8px #18113b14;width:340px;max-width:96vw;animation:space-editor-in .18s ease-out}.space-editor-grip{display:flex;align-items:center;gap:6px;padding:2px 24px 6px 2px;cursor:grab;color:var(--violet);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;user-select:none;-webkit-user-select:none;touch-action:none}.space-editor-grip:active{cursor:grabbing}@keyframes space-editor-in{0%{opacity:0}to{opacity:1}}.space-editor .rte-toolbar{background:transparent;border-bottom:none;padding:2px 0}.space-editor .rte-btn,.space-editor .rte-color-menu,.space-editor .rte-size-caret,.space-editor-close{transition:transform .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.space-editor .rte-btn:hover{transform:translateY(-2px) scale(1.08);background:var(--violet-soft);color:var(--violet);box-shadow:0 4px 10px #6a32f040}.space-editor .rte-btn:active{transform:translateY(0) scale(.95)}.space-editor-close{position:absolute;top:5px;right:5px;width:24px;height:24px;border:none;border-radius:7px;background:transparent;color:var(--text-faint);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.space-editor-close:hover{transform:translateY(-1px) scale(1.1);background:#dc26261a;color:#b91c1c}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#18113b73;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:635px;max-width:100%;max-height:86%;display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:var(--shadow-app);overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-title{font-weight:700;font-size:15px;display:flex;align-items:center;gap:7px}.modal-title-icon{color:var(--violet)}.modal-close{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--border-strong);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-close:hover{background:var(--violet-soft)}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--border)}.print-modal{width:860px}.print-modal-body{padding:18px}.print-modal-hint{font-size:13px;color:var(--text-muted);margin-bottom:16px}.finish-modal{width:460px}.finish-modal-body{padding:22px 18px;display:flex;flex-direction:column;gap:8px}.finish-question{font-size:17px;font-weight:700;color:var(--ink)}.finish-hint{font-size:13px;color:var(--text-muted)}.print-options{display:flex;gap:12px}.print-option{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 14px;border:1.5px solid var(--border-strong);border-radius:12px;background:#fff;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.print-option:hover{border-color:var(--violet);box-shadow:0 8px 24px -14px #6a32f059}.print-option:disabled{opacity:.6;cursor:not-allowed}.print-option-icon{width:42px;height:42px;border-radius:11px;background:var(--violet-soft);color:var(--violet);display:flex;align-items:center;justify-content:center}.print-option-title{font-size:14px;font-weight:700;color:var(--ink);display:flex;flex-direction:column;gap:1px}.print-option-sub{font-size:11.5px;font-weight:600;color:var(--violet)}.print-option-desc{font-size:12px;line-height:1.5;color:var(--text-muted)}.rte-toolbar{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border);background:#fbfaff}.rte-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.rte-btn{width:30px;height:30px;border-radius:7px;border:none;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.rte-btn:hover{background:var(--violet-soft);color:var(--violet)}.rte-btn.active{background:var(--violet);color:#fff}.margin-controls{display:flex;align-items:center;gap:8px;height:34px;padding:0 8px;background:#fff;border-radius:10px}.apply-switch{width:30px;height:30px;flex-shrink:0;border:1.5px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,border-color .18s ease,color .18s ease}.apply-switch:hover{border-color:var(--violet);color:var(--violet)}.apply-switch.on{background:var(--violet);border-color:var(--violet);color:#fff}.margin-field,.margin-input-wrap{position:relative;display:inline-flex;align-items:stretch}.margin-size-input{width:52px;height:34px;border:1.5px solid var(--border-strong);border-right:none;border-radius:6px 0 0 6px;font-size:12px;font-family:inherit;color:var(--ink);background:#fff;padding:0 26px 0 6px;-moz-appearance:textfield}.margin-size-input:focus{outline:none;border-color:var(--violet)}.margin-size-input::-webkit-outer-spin-button,.margin-size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.margin-unit{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:auto;padding:0;border:none;background:transparent;color:var(--ink-muted, #7a7890);font-size:10px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;line-height:1}.margin-unit:hover{color:var(--violet)}.margin-caret{width:30px;height:34px;border:1.5px solid var(--border-strong);border-left:none;border-radius:0 6px 6px 0;background:#fbfaff;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.margin-caret:hover{background:var(--violet-soft);color:var(--violet)}.margin-presets{position:absolute;top:calc(100% + 6px);left:0;z-index:60;display:flex;flex-wrap:wrap;gap:2px;width:124px;padding:6px;background:#fff;border:1.5px solid var(--border-strong);border-radius:9px;box-shadow:0 14px 36px -14px #18113b66}.margin-opt{width:34px;height:26px;font-size:11.5px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--ink);font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.margin-opt:hover{background:var(--violet-soft);color:var(--violet)}.margin-opt.active{background:var(--violet);color:#fff}.margin-toggle{position:relative;display:flex;align-items:center;height:34px;min-width:150px;border:1.5px solid var(--border-strong);border-radius:999px;background:#fff;box-shadow:0 1px 3px #18113b1f;overflow:hidden;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.margin-toggle:hover{border-color:var(--violet);box-shadow:0 5px 12px -4px #6a32f059;transform:translateY(-1px)}.margin-toggle-thumb{position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 4px) / 3);border-radius:999px;background:var(--violet);transition:transform .22s ease}.margin-toggle-seg{position:relative;z-index:1;flex:1;height:100%;border:none;background:transparent;font-family:inherit;font-size:10.5px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color .18s ease}.margin-toggle-seg:hover{color:var(--violet)}.margin-toggle-seg.active{color:#fff}.rte-size{height:30px;border:1.5px solid var(--border-strong);border-radius:7px;font-size:12.5px;font-family:inherit;color:var(--ink);background:#fff;padding:0 6px}.rte-size-wrap{position:relative;display:inline-flex;align-items:stretch}.rte-size-input{width:56px;height:30px;border:1.5px solid var(--border-strong);border-right:none;border-radius:7px 0 0 7px;font-size:12.5px;font-family:inherit;color:var(--ink);background:#fff;padding:0 8px;-moz-appearance:textfield}.rte-size-input::-webkit-outer-spin-button,.rte-size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rte-size-input:focus{outline:none;border-color:var(--violet)}.rte-size-caret{width:30px;height:30px;border:1.5px solid var(--border-strong);border-radius:0 7px 7px 0;border-left:none;background:#fbfaff;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.rte-size-caret:hover{background:var(--violet-soft);color:var(--violet)}.rte-size-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;display:flex;flex-direction:column;gap:2px;min-width:96px;max-height:224px;overflow-y:auto;padding:4px;background:#fff;border:1.5px solid var(--border-strong);border-radius:9px;box-shadow:0 14px 36px -14px #18113b66}.rte-size-option{height:30px;border:none;border-radius:7px;background:transparent;font-size:12.5px;font-family:inherit;color:var(--ink);cursor:pointer;padding:0 10px;text-align:left}.rte-size-option:hover{background:var(--violet-soft);color:var(--violet)}.rte-size-option.active{background:var(--violet);color:#fff}.rte-color-menu{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1.5px solid var(--border-strong);border-radius:7px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer}.rte-color-menu:hover{border-color:var(--violet);color:var(--violet)}.rte-color-menu.open{border-color:var(--violet);background:var(--violet-soft);color:var(--violet)}.rte-color-panel{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff}.rte-swatches{display:flex;align-items:center;gap:6px}.rte-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-faint);margin-right:2px}.rte-swatch{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;padding:0;position:relative}.rte-swatch:hover{transform:scale(1.12)}.rte-swatch.active{box-shadow:0 0 0 2px var(--violet)}.rte-swatch.active:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--violet)}.rte-swatch.custom{background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ink)}.rte-swatch.custom svg{pointer-events:none}.rte-swatch.custom.open{box-shadow:0 0 0 2px var(--violet)}.rte-swatches-wrap{display:flex;flex-direction:column;gap:6px}.rte-custom{padding:8px;border:1px solid var(--border);border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:8px}.rte-custom-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.rte-custom-grid .rte-swatch{width:100%;padding-bottom:100%;height:0}.rte-custom-row{display:flex;align-items:center;gap:6px}.rte-custom-well{position:relative;width:34px;height:30px;flex-shrink:0;border:1.5px solid var(--border-strong);border-radius:7px;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.rte-custom-well input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.rte-hex{flex:1;min-width:0;height:30px;border:1.5px solid var(--border-strong);border-radius:7px;font-size:12.5px;font-family:inherit;color:var(--ink);padding:0 8px}.rte-apply{height:30px;padding:0 12px;border:none;border-radius:7px;background:var(--violet);color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer}.rte-apply:hover{background:var(--violet-2)}.rte-case{font-size:11px;font-weight:700;line-height:1}.rte-case.lower{font-size:9px;font-weight:600}.rte-sidebar{border-bottom:none;padding:4px 0}.rte-sidebar .rte-row{margin-top:4px}.rte-sidebar .rte-row:first-child{margin-top:0}.rte-empty{font-size:12px;color:var(--text-faint);line-height:1.5}.viewer-canvas{margin:0 16px 16px;border:1px solid var(--border);border-radius:10px;background:#fdfcff;padding:34px 40px;flex:1;min-height:0;overflow-y:auto;font-family:Comic Sans MS,Segoe Print,cursive;color:var(--hand)}.viewer-canvas.has-img{display:flex;align-items:flex-start;overflow:auto;padding:18px;font-family:inherit;color:inherit}.viewer-img{display:block;max-width:100%;max-height:100%;border-radius:4px;transform-origin:center center;box-shadow:0 2px 10px #18113b1f;background:#fff}.hand-line{font-size:19px;margin:14px 0;white-space:nowrap}.hand-frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 6px;font-size:16px;line-height:1.05}.hand-frac .num,.hand-frac .den{padding:0 2px}.hand-frac .bar{width:100%;border-top:1.6px solid var(--hand)}.underline{text-decoration:underline}.right-col{display:flex;flex-direction:column;gap:18px;align-self:start}.panel-card{padding:18px 20px}.panel-title{font-weight:700;font-size:15px;margin:0 0 14px}.summary-row{display:flex;align-items:center;gap:14px;padding:8px 0}.summary-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon.purple{background:#eee9fd;color:var(--violet)}.summary-icon.grey{background:#eef0f4;color:#8b8fa0}.summary-icon.orange{background:#fbf1de;color:#c9962f}.summary-icon.red{background:#fdecec;color:#e6394c}.summary-num{font-weight:700;font-size:15px;width:26px}.summary-label{font-size:14px;color:var(--text-muted)}.options-grid{display:grid;grid-template-columns:repeat(4,1fr);row-gap:18px}.opt-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--ink);text-align:center;cursor:pointer}.opt-item svg{color:var(--ink)}.opt-item.disabled{opacity:.45;cursor:default}.opt-item.active{color:var(--violet)}.opt-item.active svg{color:var(--violet)}.opt-item.has-menu{position:relative}.replace-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:4px;min-width:210px;padding:6px;background:#fff;border:1.5px solid var(--border-strong);border-radius:12px;box-shadow:0 14px 36px -14px #18113b66}.replace-menu-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border:none;border-radius:9px;background:transparent;font-family:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:background .14s ease}.replace-menu-item:hover{background:var(--violet-soft)}.replace-menu-item>svg{color:var(--violet);flex-shrink:0}.replace-menu-item>span{display:flex;flex-direction:column;font-size:13px;font-weight:600}.replace-menu-item small{font-size:11.5px;font-weight:500;color:var(--text-muted)}.reorder-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reorder-bar>span{margin-right:auto}.mini-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;border:1.5px solid var(--border-strong);background:#fff;color:var(--ink);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer}.mini-btn.strong{background:var(--violet);border-color:var(--violet);color:#fff}.mini-btn:disabled{opacity:.45;cursor:default}.qblock-title{font-weight:700;font-size:15px;margin-bottom:6px}.smart-card{border:1.5px solid var(--violet);padding:18px 20px}.smart-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:14px}.smart-field{display:flex;align-items:flex-start;gap:8px;background:var(--violet-soft);border:1px solid var(--violet-soft);border-radius:10px;padding:10px 12px;margin-bottom:14px;font-size:12.5px}.smart-field-label{font-weight:700;color:var(--violet);flex-shrink:0;margin-top:1px}.smart-field-value{color:var(--ink);line-height:1.45}.smart-field-value.warn{color:#b45309}.smart-min{display:flex;flex-direction:column;gap:6px;margin-top:12px}.smart-min-label{font-size:11px;font-weight:600;color:var(--text-faint)}.smart-min-row{display:flex;align-items:center;gap:10px}.smart-min-row input[type=range]{flex:1;accent-color:var(--violet)}.smart-min-value{font-size:12px;font-weight:700;color:var(--violet);min-width:38px;text-align:right}.smart-actions{margin-top:10px}.export-title{font-weight:700;font-size:15px;margin:0 0 12px}.export-stack{display:flex;flex-direction:column;gap:10px}.btn-print{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--grad-strong);color:#fff;font-weight:600;font-size:14.5px;padding:13px;border-radius:10px;border:none;cursor:pointer;font-family:inherit}.row-with-caret{display:flex;gap:8px}.btn-outline.stretch{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:var(--ink);font-weight:600;font-size:14.5px;padding:13px;border-radius:10px;border:1.5px solid var(--border-strong);cursor:pointer;font-family:inherit}.btn-caret{width:46px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;border:1.5px solid var(--border-strong);cursor:pointer;color:var(--ink)}.btn-caret.open svg{transform:rotate(180deg)}.btn-print:disabled,.btn-outline:disabled{opacity:.55;cursor:default}.export-wrap{position:relative}.export-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 12px 32px #18113b29;padding:6px;z-index:60}.export-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border:none;background:none;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;font-family:inherit;text-align:left}.export-menu-item:hover{background:var(--violet-soft)}.tip-card{background:#f2effe;border:none;padding:16px 18px}.tip-title{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14px;color:var(--violet);margin-bottom:6px}.tip-body{font-size:13px;color:#5b5b74;line-height:1.5}.scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f0c229e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.scan-circle{position:relative;width:300px;height:300px}.scan-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.scan-ring-bg{fill:none;stroke:#ffffff1f;stroke-width:10}.scan-ring-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .16s linear;filter:drop-shadow(0 0 12px rgba(139,92,246,.55))}.scan-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.scan-pct{font-size:52px;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.35)}.scan-label{font-size:14px;font-weight:500;color:#ffffffc7;letter-spacing:.3px}.scan-cancel{margin-top:6px;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid rgba(255,255,255,.35);border-radius:999px;background:#ffffff14;color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.scan-cancel:hover{background:#ef4444d9;border-color:#ef4444e6}