@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Noto Sans SC,sans-serif;color:#172235;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172235;--muted: #738098;--line: #e4e9f1;--red: #e65b62;--red-deep: #cf454f;--blue: #5f8fe8;--blue-soft: #edf4ff;--paper: #fff;--shadow: 0 18px 48px rgba(35, 51, 79, .08)}*{box-sizing:border-box}body{margin:0;min-width:1120px;background:radial-gradient(circle at 86% 0%,#fff 0,transparent 30%),#f5f7fb}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.44}.app-shell{min-height:100vh}.topbar{height:72px;border-bottom:1px solid rgba(218,225,235,.8);background:#fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 52px;gap:56px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);-webkit-user-select:none;user-select:none}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#ef7071,#cb414f);box-shadow:0 7px 14px #d246523b;transform:rotate(-7deg)}.brand>div:last-child{display:flex;align-items:baseline;gap:2px;font-size:19px;letter-spacing:-.06em}.brand strong{font-weight:800}.brand span{font-weight:500}.topnav{display:flex;align-self:stretch;gap:8px}.topnav button,.help-button{border:0;background:transparent;color:#7b8698;display:inline-flex;align-items:center;gap:7px;padding:0 17px;font-size:13px;position:relative}.topnav button.active{color:var(--red-deep);font-weight:700}.topnav button.active:after{content:"";height:2px;background:var(--red);position:absolute;left:17px;right:17px;bottom:0;border-radius:2px}.topbar-right{margin-left:auto;display:flex;gap:18px;align-items:center}.privacy-pill{color:#7f899a;font-size:11px;display:inline-flex;align-items:center;gap:5px}.help-button{padding:0;font-size:12px}.page-wrap{width:min(1400px,calc(100% - 104px));margin:0 auto;padding:58px 0 72px}.intro-row{display:flex;justify-content:space-between;align-items:end;padding:0 15px 42px}.eyebrow{color:var(--red);font:500 10px/1 DM Mono,monospace;letter-spacing:.14em;margin:0 0 21px}h1{color:var(--ink);font-size:clamp(36px,4vw,56px);line-height:1.13;letter-spacing:-.08em;margin:0;font-weight:800}h1 span{color:var(--red)}.intro-copy{color:var(--muted);font-size:14px;line-height:1.95;margin:20px 0 0}.intro-stats{display:flex;gap:34px;align-items:center;padding-bottom:7px}.intro-stats div{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--line);padding-left:19px}.intro-stats strong{font-size:23px;letter-spacing:-.05em}.intro-stats span{color:var(--muted);font-size:11px}.workspace-tabs{height:62px;background:#ebeff6b3;border:1px solid #e1e6ee;border-radius:14px 14px 0 0;display:flex;align-items:end;padding-left:15px;gap:4px}.workspace-tabs button{border:0;background:transparent;color:#8a95a6;height:47px;padding:0 23px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;border-radius:10px 10px 0 0}.workspace-tabs button span{font:400 10px DM Mono,monospace;opacity:.65;margin-left:8px}.workspace-tabs button.selected{background:#fff;color:var(--red-deep);box-shadow:0 -1px #fff,0 3px 12px #2636520a}.workspace-grid{display:grid;grid-template-columns:335px 1fr;background:#fff;border:1px solid #e1e6ee;border-top:0;border-radius:0 0 14px 14px;min-height:710px;box-shadow:var(--shadow);overflow:hidden}.control-panel{padding:27px 22px 24px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfe)}.panel-heading{display:flex;align-items:center;gap:10px;margin:0 0 12px}.panel-heading span{font:500 10px DM Mono,monospace;color:var(--red);letter-spacing:.04em}.panel-heading h2{font-size:14px;margin:0;letter-spacing:-.02em}.panel-heading:not(:first-child){margin-top:26px}.drop-zone{height:106px;border:1px dashed #d8a6aa;border-radius:12px;background:snow;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#79869a;transition:.2s ease}.drop-zone:hover,.drop-zone.active{border-color:var(--red);background:#fff4f4;transform:translateY(-1px)}.drop-zone .drop-icon{color:var(--red);display:grid;place-items:center;margin-bottom:1px}.drop-zone strong{font-size:12px;color:#606d80;font-weight:600}.drop-zone span{font-size:10px}.drop-zone.compact{height:82px;border-color:#d7dee8;background:#fafdff}.drop-zone.compact .drop-icon{color:#6d95dc}.text-button{color:#7387aa;border:0;padding:10px 0 0;background:transparent;font-size:11px;display:flex;align-items:center;gap:6px}.text-button:hover{color:var(--red)}.file-row{display:flex;align-items:center;gap:9px;margin:9px 0 0;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fbfcff}.file-icon{color:var(--blue);display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#edf4ff}.file-row div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.file-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.file-row span{color:var(--muted);font-size:10px}.file-row button{border:0;background:transparent;color:#a2abba;padding:3px;display:grid;place-items:center}.setting-card{border:1px solid var(--line);border-radius:12px;padding:14px 14px 13px;background:#fff}.setting-card+.setting-card{margin-top:10px}.setting-title{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:12px;margin-bottom:15px}.setting-title small{color:#a0a9b7;font-size:10px;font-weight:500}.setting-help{color:#929baa;font-size:10px;line-height:1.6;margin:-1px 0 12px}.range-field{display:block;margin:12px 0}.range-field>div{display:flex;justify-content:space-between;color:#778399;font-size:10px;margin-bottom:7px}.range-field output{color:#4b596d;font:500 10px DM Mono,monospace}.range-field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:3px;background:linear-gradient(90deg,#ec6b70 0,#ec6b70 50%,#e7ebf1 50%);outline:none}.range-field input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--red);box-shadow:0 2px 5px #d545513b}.range-field input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--red)}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.primary-button,.secondary-button,.export-button{border:0;border-radius:8px;min-height:35px;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:700;transition:.18s ease}.primary-button{color:#fff;background:var(--red);box-shadow:0 5px 13px #e1525b2e}.primary-button:hover,.export-button:hover{background:var(--red-deep);transform:translateY(-1px)}.secondary-button{color:#5d6d87;background:#f2f5f9;border:1px solid #e3e8f0}.secondary-button:hover{color:var(--red-deep);background:#fff4f4;border-color:#f0c7c9}.button-pair .primary-button,.button-pair .secondary-button{padding:0 7px;font-size:10px}.full{width:100%;margin-top:9px}.panel-footer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.panel-footer-actions>span{color:#a0a9b6;font-size:10px}.ghost-danger{border:0;background:transparent;color:#a4787e;padding:0;display:inline-flex;align-items:center;gap:6px;font-size:10px}.ghost-danger:hover{color:var(--red-deep)}.preview-panel{min-width:0;display:flex;flex-direction:column;background:#fbfcfe}.preview-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid var(--line);color:#3b495f;font-size:12px}.preview-toolbar>div:first-child{display:flex;align-items:center;gap:7px;font-weight:700}.preview-toolbar small{color:#9aa4b3;font-size:10px;font-weight:400;padding-left:3px}.live-dot{width:7px;height:7px;border-radius:50%;background:#61c899;box-shadow:0 0 0 4px #61c8991f}.preview-tools{display:flex;align-items:center;gap:13px;color:#66758e}.preview-tools span{font:500 10px DM Mono,monospace;min-width:45px;text-align:center}.preview-tools button{display:grid;place-items:center;border:1px solid #e0e5ec;background:#fff;color:#708097;border-radius:6px;width:28px;height:28px}.preview-stage{flex:1;min-height:540px;padding:36px 34px;overflow:auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9fbfd 25%,#f4f7fb 25%,#f4f7fb 50%,#f9fbfd 50%,#f9fbfd 75%,#f4f7fb 75%);background-size:18px 18px}.page-wrap-preview{width:min(100%,490px);filter:drop-shadow(0 12px 22px rgba(45,61,88,.16))}.page-canvas{position:relative;width:100%;background:#fff;overflow:hidden;-webkit-user-select:none;user-select:none}.page-canvas>img{display:block;width:100%;height:100%;object-fit:cover}.page-number{position:absolute;top:12px;right:13px;color:#4c576959;font:500 8px DM Mono,monospace;letter-spacing:.08em}.stamp-overlay{position:absolute;z-index:2;cursor:move;min-width:22px;aspect-ratio:1 / 1;transform-origin:center;touch-action:none}.stamp-overlay img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.stamp-overlay.selected{outline:1px dashed rgba(226,88,96,.85);outline-offset:5px}.overlay-remove{display:none;position:absolute;top:-11px;right:-11px;width:20px;height:20px;border:2px solid #fff;border-radius:50%;color:#fff;background:var(--red);padding:0;place-items:center}.stamp-overlay.selected .overlay-remove{display:grid}.cross-overlay{position:absolute;z-index:3;right:-1px;overflow:hidden;transform:translateY(-50%);cursor:pointer;border-radius:5px 0 0 5px}.cross-overlay img{position:absolute;top:0;height:100%;max-width:none;object-fit:fill}.cross-overlay span{position:absolute;bottom:2px;right:2px;color:#fff;background:#1122376b;padding:2px 3px;font-size:7px;border-radius:2px;opacity:0}.cross-overlay:hover span,.cross-overlay.selected span{opacity:1}.cross-overlay.selected{outline:1px dashed rgba(226,88,96,.85);outline-offset:4px}.empty-preview{border:0;background:transparent;color:#95a0b2;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-icon{width:78px;height:92px;display:grid;place-items:center;color:#b2bccb;border:2px solid #cad1dd;border-radius:6px;transform:rotate(3deg);position:relative;margin-bottom:5px}.empty-icon:after{content:"";position:absolute;top:-2px;right:-2px;width:18px;height:18px;background:#f4f7fb;border-left:2px solid #cad1dd;border-bottom:2px solid #cad1dd}.empty-preview strong{color:#637188;font-size:14px}.empty-preview>span:not(.empty-action){font-size:11px}.empty-action{margin-top:7px;padding:8px 13px;border-radius:7px;color:var(--red-deep);background:#fff4f4;font-size:10px;display:flex;gap:6px;align-items:center}.preview-bottom{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-top:1px solid var(--line);background:#fff}.preview-hint{color:#94a0b1;display:flex;align-items:center;gap:5px;font-size:10px}.preview-hint span{padding:0 4px;color:#c2c9d3}.export-button{min-width:156px;color:#fff;background:var(--red);padding:0 16px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.selected-bar{min-height:48px;padding:7px 27px;background:#fff9f9;border-top:1px solid #f3dadd;display:flex;align-items:center;justify-content:space-between}.selected-preview{display:flex;align-items:center;gap:8px;color:#8f5f65;font-size:10px}.selected-preview img{width:30px;height:30px;object-fit:contain}.selected-actions button{border:0;background:transparent;color:#a96e76;display:flex;align-items:center;gap:6px;font-size:10px}.cutout-workspace{display:grid;grid-template-columns:335px 1fr;background:#fff;border:1px solid #e1e6ee;border-top:0;border-radius:0 0 14px 14px;min-height:660px;box-shadow:var(--shadow);overflow:hidden}.cutout-controls{padding:28px 22px;border-right:1px solid var(--line)}.mode-label,.field-label{display:block;color:#7b879a;font-size:11px;margin:18px 0 8px}.mode-list{border:1px solid var(--line);border-radius:10px;padding:3px 11px}.mode-list label{min-height:34px;border-bottom:1px solid #f0f2f5;display:flex;align-items:center;color:#79859a;font-size:11px}.mode-list label:last-child{border-bottom:0}.mode-list label.checked{color:var(--red-deep);font-weight:700}.mode-list input{accent-color:var(--red);margin:0 7px 0 0}.mode-list label svg{margin-left:auto}.field-label input{width:100%;border:1px solid var(--line);border-radius:8px;height:34px;padding:0 10px;color:var(--ink);outline:none;background:#fbfcfe;font-size:11px}.field-label input:focus{border-color:#ed9a9e;box-shadow:0 0 0 3px #e65b621a}.local-note{display:flex;gap:9px;border:1px solid #dae9e1;background:#f6fcf8;color:#68a184;padding:11px;border-radius:9px;margin-top:24px}.local-note>svg{flex:0 0 auto}.local-note div{display:flex;flex-direction:column;gap:3px}.local-note strong{color:#4e8b6d;font-size:11px}.local-note span{color:#87a997;font-size:10px;line-height:1.5}.cutout-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:27px;background:#fbfcfe}.image-preview-card{min-width:0;border:1px solid var(--line);border-radius:12px;padding:15px;background:#fff;display:flex;flex-direction:column;box-shadow:0 8px 22px #2a39530a}.image-card-title{display:flex;justify-content:space-between;align-items:center;color:#3b495e;font-weight:700;font-size:12px;padding-bottom:13px}.result-badge{display:flex;align-items:center;gap:3px;color:#5b9c79;background:#edf9f1;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:500}.image-card-body{flex:1;min-height:450px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#f7f9fc}.checkerboard .image-card-body{background-color:#f4f6f9;background-image:linear-gradient(45deg,#e3e8ef 25%,transparent 25%),linear-gradient(-45deg,#e3e8ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e3e8ef 75%),linear-gradient(-45deg,transparent 75%,#e3e8ef 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.image-card-body img{max-width:92%;max-height:92%;object-fit:contain}.image-empty{display:flex;flex-direction:column;align-items:center;gap:13px;color:#a2adbd;font-size:11px}.image-empty-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#bac4d1;background:#ffffffad}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:32px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--line);box-shadow:0 8px 25px #2a395309}.feature{display:flex;align-items:center;gap:12px;padding:17px 19px;background:#ffffffb8}.feature-icon{flex:0 0 auto;width:35px;height:35px;display:grid;place-items:center;color:var(--red);background:#fff1f1;border-radius:9px}.feature-icon svg{width:17px}.feature div:last-child{display:flex;flex-direction:column;gap:4px}.feature strong{font-size:11px}.feature span{color:var(--muted);font-size:10px;line-height:1.45}.toast{position:fixed;z-index:50;right:28px;bottom:27px;color:#fff;background:#263347;border-radius:9px;padding:12px 15px;box-shadow:0 9px 24px #1a263933;display:flex;align-items:center;gap:8px;font-size:11px;animation:toast-in .2s ease-out}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1180px){body{min-width:960px}.topbar{padding:0 28px;gap:28px}.page-wrap{width:calc(100% - 56px)}.topnav button{padding:0 10px}.topnav button.active:after{left:10px;right:10px}.intro-stats{gap:16px}}