:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--text: #132033;--muted: #6b7890;--soft: #f7fafd;--line: #dfe6f3;--line-strong: #c9d4e6;--blue: #2f6fdb;--green: #1f8a55;--red: #c4382e;--amber: #9a6a00;--shadow: 0 18px 42px -8px rgba(86, 97, 201, .1);--glass: rgba(255, 255, 255, .66);--glass-border: rgba(255, 255, 255, .82);--grad: linear-gradient(90deg, rgba(255, 143, 77, .88), rgba(235, 89, 173, .82) 52%, rgba(79, 124, 244, .86));--soft-grad: linear-gradient(90deg, rgba(255, 240, 230, .78), rgba(242, 229, 255, .78) 55%, rgba(230, 236, 255, .78))}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(135deg,#fff7ed,#f8fbff 46%,#edf4ff);letter-spacing:0}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-bg,.home-page,.auth-page{min-height:100vh;background:linear-gradient(135deg,#fff7ed,#f8fbff 46%,#edf4ff)}.top-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;height:64px;padding:0 28px;background:#ffffff85;border-bottom:1px solid rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-nav nav{display:flex;gap:10px;flex:1;overflow-x:auto;scrollbar-width:none}.top-nav nav a{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:36px;padding:0 12px;border-radius:11px;color:#536179;font-size:14px;font-weight:500}.top-nav nav a.active{color:#5a4e83;background:var(--soft-grad);border:1px solid rgba(255,255,255,.45)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.credit-link{display:inline-flex;align-items:center;height:30px;color:#1f4e9d;font-size:13px;font-weight:500}.help-button{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 4px;border:0;background:transparent;color:#7a8498;font-size:12px;font-weight:500}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;background:var(--grad);border:1px solid rgba(255,255,255,.75)}.avatar.large{width:56px;height:56px;color:#1d4ed8;background:#eaf2ff}.brand{display:inline-flex;align-items:center;gap:8px;min-width:150px;font-size:20px;font-weight:800;color:#0d1a2e}.brand strong{color:#eb59ad}.brand-large{font-size:28px}.brand-mark{position:relative;width:28px;height:28px;border-radius:10px;background:var(--grad)}.brand-mark:after{content:"";position:absolute;inset:7px;border-radius:5px;background:#fff}.app-main{width:calc(100vw - 110px);max-width:none;margin:0 55px;padding:19px 0 42px}.page{position:relative}.page-title{margin:0 0 18px}.page-title h1{margin:0;font-size:24px;line-height:1.45;font-weight:700}.page-title p,.muted,.section-head p,.field small,.empty-state p,.editor-empty p,.original-empty p{color:var(--muted)}.page-title p{margin:4px 0 0;font-size:14px}.glass-card,.svg-sidebar{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;border:1px solid rgba(216,222,248,.9);border-radius:10px;font-weight:600;white-space:nowrap;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-md{height:40px;padding:0 16px;font-size:14px}.btn-sm{height:34px;padding:0 12px;font-size:13px}.btn-primary{color:#fff;background:var(--grad);border-color:#ffffff9e;box-shadow:0 8px 20px -8px #6470d83d}.btn-secondary{color:#4b5b75;background:#ffffffb8}.btn-ghost{color:#1f4e9d;background:transparent;border-color:transparent}.btn-danger{color:#fff;background:#dc2626;border-color:#ffffffb3}.field{display:grid;gap:7px;color:var(--text);font-size:12px;font-weight:600}.field input,.input-with-icon input,.search-box input{width:100%;height:40px;border:1px solid rgba(227,230,248,.95);border-radius:10px;padding:0 12px;color:#17202a;background:#ffffffd1;outline:none}.field input:focus,.input-with-icon input:focus,.search-box input:focus{border-color:#9ebcf7;box-shadow:0 0 0 3px #2f6fdb14}.field small{font-weight:400;font-size:12px}.segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;min-height:36px;padding:3px;border:1px solid rgba(216,222,248,.9);border-radius:12px;background:#f2f4ffd1}.segmented button{min-width:80px;border:0;border-radius:9px;color:#64748b;background:transparent;font-size:13px;font-weight:600}.segmented button.active{color:var(--blue);background:#fffffff0;box-shadow:0 10px 30px #5b63d914}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button-row.center{justify-content:center}.check-list,.check-row{display:flex;align-items:center;gap:10px}.check-list{flex-wrap:wrap}.check-row{color:#17202a;font-size:14px;font-weight:500}.check-row input,.select-box input{width:16px;height:16px;accent-color:#8c66f5}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#13203314;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{width:min(390px,100%);min-height:320px;border-radius:16px;background:#ffffffc2;border:1px solid rgba(255,255,255,.86);box-shadow:0 20px 50px #1f29372e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modal-header,.modal-footer,.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.modal-header{padding:20px 22px 0}.modal-header h2,.section-head h2,.selected-files h2,.layer-panel h2,.original-panel h2{margin:0;font-size:18px}.modal-body{padding:18px 22px;color:#526174;line-height:1.5}.modal-footer{justify-content:flex-end;padding:0 22px 22px}.icon-button{width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:#7a8498;font-size:22px}.toast{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:10px;min-height:44px;max-width:min(420px,calc(100vw - 48px));padding:10px 16px;border-radius:14px;background:#ffffffe6;border:1px solid rgba(255,255,255,.86);box-shadow:0 16px 38px #1f293724;color:#17202a}.toast-dot{width:10px;height:10px;border-radius:50%;background:var(--green)}.toast-danger .toast-dot{background:var(--red)}.toast-info .toast-dot{background:var(--blue)}.status-pill,.file-badge{display:inline-flex;align-items:center;justify-content:center;height:26px;border-radius:13px;padding:0 10px;font-size:12px;font-weight:600}.status-working{color:var(--amber);background:#fff7e6}.status-completed{color:var(--green);background:#eaf7f0}.status-failed{color:var(--red);background:#fff1ef}.file-badge{color:var(--blue);background:#eff6ff;border:1px solid #cbd5e1}.home-page,.auth-page{overflow:hidden;padding:38px 42px}.home-header{display:flex;align-items:center;justify-content:space-between;max-width:1500px;margin:0 auto}.home-header div{display:flex;align-items:center;gap:14px;color:#536179;font-weight:600}.home-register{padding:10px 16px;border-radius:999px;color:#1f4e9d;background:#fff9;border:1px solid rgba(216,222,248,.9)}.home-hero{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(460px,1fr);gap:40px;align-items:center;max-width:1500px;min-height:calc(100vh - 120px);margin:0 auto}.home-copy h1,.auth-showcase h1{margin:0 0 18px;max-width:720px;font-size:clamp(42px,5vw,72px);line-height:1.08}.home-copy p{max-width:580px;margin:0 0 26px;color:#5d6c84;font-size:17px;line-height:1.75}.home-actions,.text-link{display:flex;align-items:center;gap:16px}.text-link{color:var(--blue);font-weight:700}.craft-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:22px;max-width:780px;margin-top:44px}.craft-card{display:grid;place-items:center;gap:12px;min-height:116px;border-radius:18px;background:#ffffff6b;border:1px solid rgba(255,255,255,.64);box-shadow:0 18px 21px #665ca614;text-align:center}.craft-card span{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#fff,#f1f6ff 42%,#9b87ff)}.craft-card strong{font-size:15px}.home-visual{position:relative;min-height:640px}.sheet-stack{position:absolute;right:16%;width:340px;height:450px;border-radius:14px;border:1px solid rgba(255,255,255,.58);background:#ffffff61;transform:rotate(12deg)}.sheet-a{top:110px}.sheet-b{top:170px;right:13%;height:74px;background:#f7cb52ad}.sheet-c{top:245px;right:11%;height:95px;background:#9379f72e}.home-product-card{position:absolute;right:0;bottom:90px;display:grid;gap:14px;width:300px;padding:28px;border-radius:26px;background:#ffffff94;border:1px solid rgba(255,255,255,.72);box-shadow:0 28px 32px #665ca624}.home-product-card div{display:flex;align-items:center;gap:10px;color:#536179;font-weight:700}.auth-layout{display:grid;grid-template-columns:minmax(420px,1fr) 420px;gap:60px;align-items:center;max-width:1260px;min-height:calc(100vh - 100px);margin:0 auto}.auth-showcase h1{font-size:clamp(34px,4vw,48px)}.auth-grid{max-width:760px}.auth-panel{display:grid;gap:18px;padding:44px;border-radius:30px;background:#ffffff8a;border:1px solid rgba(255,255,255,.7);box-shadow:0 28px 35px #665ca629;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.register-panel{gap:14px}.compact-register-panel{gap:18px}.auth-panel h2{margin:0;font-size:30px}.title-rule{width:34px;height:4px;border-radius:2px;background:var(--grad)}.input-with-icon{display:flex;align-items:center;gap:10px;min-height:52px;border:1px solid rgba(255,255,255,.65);border-radius:12px;padding:0 14px;background:#ffffffb3;color:#8c9cb8}.input-with-icon input{height:48px;padding:0;border:0;background:transparent}.input-with-icon.code-row.auth-code-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.auth-code-row input{min-width:0}.auth-code-button{min-width:94px;height:36px;padding:0 10px;border-radius:18px;background:#216eeb14;white-space:nowrap}.auth-code-button:disabled{color:#8c9cb8;background:#8c9cb81f}.auth-remember-row{justify-content:flex-start;gap:8px;color:#56647a;font-size:14px}.auth-remember-row input{width:16px;height:16px;accent-color:var(--blue)}.auth-row,.auth-bottom{display:flex;align-items:center;justify-content:space-between;color:#1f293d}.link-button{border:0;color:var(--blue);background:transparent;font-weight:700}.outline-link{display:inline-flex;align-items:center;justify-content:center;height:52px;border:1px solid rgba(33,110,235,.75);border-radius:26px;color:var(--blue);font-weight:700;background:#ffffff5c}.two-col,.code-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.code-row{grid-template-columns:1fr 120px}.upload-layout{display:grid;grid-template-columns:460px minmax(804px,1fr);gap:32px;align-items:start;max-width:none}.upload-settings,.selected-files,.state-card{padding:23px}.upload-settings{display:grid;gap:18px;height:610px;align-self:start}.selected-files{min-height:clamp(378px,calc(100vh - 523px),560px)}.form-block{display:grid;gap:10px}.label{font-size:12px;font-weight:700}.credit-box{display:grid;gap:12px;height:92px;padding:14px 16px;border-radius:8px;border:1px solid #dde3ea;background:#f7fafd}.credit-box div{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.credit-box b{color:var(--blue);font-size:18px}.credit-box>small{color:var(--muted);font-size:12px}.upload-settings .segmented{width:300px}.upload-settings>.btn-primary{width:100%;height:42px}.upload-file-actions .button-row .btn:first-child{width:196px}.upload-file-actions .button-row .btn:last-child{width:128px}.output-block{padding-bottom:14px;border-bottom:1px solid #dde3ea}.upload-workspace{display:grid;gap:24px}.drop-zone{position:relative;display:grid;place-items:center;align-content:center;height:240px;min-height:unset;padding:24px;border-radius:16px;text-align:center;border-style:solid;cursor:pointer}.drop-zone:before{content:"";position:absolute;inset:23px;border:1.2px solid rgba(201,209,255,.85);border-radius:18px;background:#ffffff6b}.drop-zone>*{position:relative;z-index:1}.drop-zone h2,.editor-empty h2,.original-empty h2{margin:10px 0 4px;font-size:18px}.drop-zone p{max-width:330px;margin:0;color:var(--muted);font-size:14px;line-height:1.45}.drop-zone .button-row{margin-top:14px}.drop-zone .btn-md{height:36px;padding:0 13px}.drop-zone .button-row .btn:first-child{width:126px}.drop-zone .button-row .btn:last-child{width:112px}.drop-zone.has-file{border-color:#9ebcf7;background:#f8fbffd1}.section-head{margin-bottom:12px}.section-head>span{color:var(--muted);font-size:13px}.thumb-item{position:relative;display:inline-grid;gap:8px;width:104px}.thumb-list{position:relative;display:flex;flex-wrap:wrap;gap:12px;padding-right:32px}.clear-file-list{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid white;border-radius:50%;color:#fff;background:#dc2626}.thumb-item img,.task-thumb img{width:100%;height:92px;object-fit:contain;border-radius:6px;background:#e8edf3;border:1px solid #d5e5fa}.thumb-item button{position:absolute;top:3px;left:3px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid white;border-radius:50%;color:#fff;background:#dc2626}.thumb-item small,.empty-inline{color:var(--muted);font-size:12px}.state-card{display:flex;align-items:center;gap:12px;min-height:72px}.state-card small{margin-left:auto;color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{overflow:hidden;width:220px;height:8px;border-radius:999px;background:#e6ebf4}.progress span{display:block;height:100%;border-radius:inherit;background:var(--grad)}.toolbar{display:grid;grid-template-columns:minmax(260px,360px) 360px 1fr;gap:24px;align-items:center;margin-bottom:28px}.search-box{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:10px;background:#ffffffd1;border:1px solid rgba(227,230,248,.95)}.search-box input{border:0;padding:0;background:transparent}.toolbar-actions{display:flex;justify-content:flex-end;gap:12px}.tasks-table{min-height:520px;padding:0;overflow:visible}.table-head,.task-row{display:grid;grid-template-columns:34px minmax(260px,1.5fr) 180px 150px minmax(240px,1fr) 400px;align-items:center;gap:14px}.table-head{padding:18px 24px;color:#637083;font-size:12px;font-weight:700;border-bottom:1px solid var(--line)}.table-head span:first-child{grid-column:2}.task-row-wrap{display:contents}.task-batch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 24px;padding:14px 0 10px;border-bottom:1px solid rgba(215,224,237,.72)}.task-batch-row strong{display:block;font-size:14px}.task-batch-row small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.task-row{position:relative;margin:0 24px;padding:14px 0;border-bottom:1px solid var(--line)}.task-row.selected{background:#f8fbffd1}.task-main{display:flex;align-items:center;gap:14px}.task-main strong{display:block;font-size:14px}.task-main small,.task-row>span{color:var(--muted);font-size:12px}.task-main .task-config{display:block;margin-top:3px}.task-thumb{display:grid;place-items:center;width:52px;height:46px;border-radius:7px;background:#e8edf3;color:#6b7890}.task-thumb img{width:52px;height:46px}.format-list,.row-actions{display:flex;flex-wrap:wrap;gap:8px}.row-actions{justify-content:flex-end}.floating-menu{position:absolute;z-index:50;display:grid;gap:2px;min-width:180px;padding:10px;border-radius:8px;background:#fff;border:1px solid var(--line-strong);box-shadow:0 12px 24px #1f293729}.floating-menu button,.floating-menu strong{min-height:30px;border:0;border-radius:6px;padding:0 8px;color:#17202a;background:transparent;text-align:left;font-size:13px}.floating-menu button:hover{background:#f4f7fb}.empty-state{display:grid;place-items:center;gap:12px;min-height:420px;text-align:center}.batch-progress{position:fixed;right:24px;bottom:86px;z-index:60;display:grid;gap:10px;width:300px;padding:18px}.drawer-backdrop{position:fixed;inset:0;z-index:70;display:flex;justify-content:flex-end;background:#13203314;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.task-detail-drawer{width:min(440px,calc(100vw - 24px));height:100%;overflow:auto;border-radius:16px 0 0 16px;padding:22px}.drawer-head,.drawer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-head h2{margin:0;font-size:20px}.drawer-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.detail-preview{display:grid;place-items:center;min-height:180px;margin:18px 0;border-radius:10px;background:#edf2f7;overflow:hidden}.detail-preview img{width:100%;max-height:260px;object-fit:contain}.detail-list{display:grid;grid-template-columns:86px 1fr;gap:10px 14px;margin:0 0 20px;font-size:13px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;word-break:break-all}.detail-files{display:grid;gap:10px;padding-top:18px;border-top:1px solid var(--line)}.detail-notice{display:grid;gap:6px;margin:-4px 0 18px;padding:12px;border-radius:8px;color:#526174;background:#f7fafd;border:1px solid #dde3ea;font-size:13px}.detail-notice p{margin:0}.detail-files h3{margin:0;font-size:15px}.detail-files div{display:grid;grid-template-columns:60px 1fr;gap:8px;align-items:center}.detail-files button{justify-self:start;border:0;color:var(--blue);background:transparent;font-size:13px}.drawer-actions{position:sticky;bottom:0;margin:22px -4px 0;padding-top:14px;background:#ffffffd1}.editor-page{display:grid;grid-template-columns:132px minmax(460px,590px) minmax(520px,1fr);gap:16px;height:calc(100vh - 125px);min-height:560px;overflow:hidden;align-items:stretch}.svg-sidebar{display:grid;align-content:start;gap:12px;height:100%;min-height:0;overflow:auto;padding:14px 10px}.svg-sidebar h2{margin:0 4px 4px;font-size:14px}.svg-tile{position:relative;display:grid;gap:6px;width:100%;min-height:86px;border:1px solid var(--line);border-radius:6px;padding:8px;color:#637083;background:#fff;cursor:pointer;text-align:left}.svg-tile.active{color:var(--blue);background:#f5f9ff;border-color:var(--blue)}.svg-tile img{width:100%;height:58px;object-fit:contain;border-radius:4px;background:#e8edf3}.svg-tile-placeholder{width:100%;height:58px;border-radius:4px;background:#e8edf3}.svg-tile.empty{place-items:center;color:#8c99a8;background:#f7fafd}.tile-delete{position:absolute;top:5px;right:5px;display:none;width:24px;height:24px;border:0;border-radius:50%;color:#fff;background:#dc2626}.svg-tile:hover .tile-delete{display:inline-grid;place-items:center}.sidebar-actions{display:grid;gap:8px;margin-top:8px}.editor-left{display:grid;grid-template-rows:minmax(0,1fr) 220px;gap:16px;min-height:0;overflow:hidden}.svg-canvas,.original-panel{position:relative;min-height:0;overflow:hidden;padding:16px}.svg-canvas{display:flex;align-items:flex-start;justify-content:flex-start;min-height:0;overflow:auto;overscroll-behavior:none;scrollbar-gutter:stable both-edges;background-image:linear-gradient(#edf1f5 1px,transparent 1px),linear-gradient(90deg,#edf1f5 1px,transparent 1px);background-size:22px 22px;cursor:grab}.svg-canvas-frame{position:relative;display:grid;place-items:center;flex:0 0 auto;margin:auto;min-width:96px;min-height:96px;overflow:hidden}.svg-canvas-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.svg-canvas-frame .svg-measure-image{display:none}.svg-inline-preview,.svg-load-state{position:absolute;inset:0}.svg-inline-preview{display:grid;place-items:center}.svg-inline-preview svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.svg-load-state{display:grid;place-items:center;padding:20px;color:var(--muted);background:#f8fbffb8;text-align:center;font-size:13px}.selection-frame{position:absolute;width:120px;height:84px;border:2px solid #2f6fdb;border-radius:8px;transform:translate(90px,-64px);pointer-events:none}.editor-empty,.original-empty{display:grid;place-items:center;gap:10px;width:100%;height:100%;min-height:0;border:1.2px solid rgba(201,209,255,.85);border-radius:18px;background:#ffffff6b;text-align:center}.layer-panel{min-height:0;overflow:auto;padding:16px}.layer-row{display:grid;grid-template-columns:16px 1fr 90px 70px 128px;align-items:center;gap:10px;min-height:32px;font-size:13px}.layer-color{width:14px;height:14px;border-radius:3px}.layer-row small{color:var(--muted)}.layer-row em,.layer-toggle{color:var(--green);font-style:normal;font-size:12px}.layer-row div{display:flex;gap:8px}.layer-row button{border:0;color:var(--blue);background:transparent;font-size:12px}.layer-row .layer-toggle{color:var(--green);text-align:left}.layer-row.muted-layer{opacity:.62}.layer-panel-footer{display:flex;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.layer-form-grid{grid-template-columns:1fr 80px}.layer-form-grid input[type=color]{width:100%;min-width:64px;padding:4px}.breadcrumb{margin:18px 0 0;color:#7a8498;font-size:12px}.original-panel{display:grid;grid-template-rows:minmax(0,1fr)}.original-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.preview-title-group{display:flex;align-items:center;gap:12px;min-width:0}.preview-mode-tabs{display:inline-flex;align-items:center;gap:3px;height:34px;padding:3px;border:1px solid rgba(216,222,248,.9);border-radius:10px;background:#ffffffad;box-shadow:0 10px 20px #344d8914}.preview-mode-tabs button{min-width:62px;height:28px;padding:0 10px;border:0;border-radius:7px;color:#536179;background:transparent;font-size:12px;font-weight:800;white-space:nowrap}.preview-mode-tabs button:hover,.preview-mode-tabs button.active{color:var(--blue);background:#f2f6ff}.preview-controls{display:inline-flex;align-items:center;gap:4px;height:34px;padding:3px;border:1px solid rgba(216,222,248,.9);border-radius:10px;background:#ffffffad}.preview-controls button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:28px;height:28px;border:0;border-radius:7px;color:#536179;background:transparent;font-size:12px;font-weight:700}.preview-controls button:hover:not(:disabled){color:var(--blue);background:#f2f6ff}.preview-controls span{min-width:42px;color:#17202a;text-align:center;font-size:12px;font-weight:700}.original-preview,.original-empty{position:relative;min-height:0;height:100%;border-radius:8px;background:#e8edf3}.original-preview-toolbar{position:absolute;top:30px;left:30px;right:30px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.original-preview-toolbar>*{pointer-events:auto}.original-preview-title{margin:0;color:#17202a;font-size:14px;font-weight:800;line-height:1.25}.original-preview{display:flex;align-items:flex-start;justify-content:flex-start;overflow:auto;overscroll-behavior:none;scrollbar-gutter:stable both-edges;cursor:grab}.original-preview-frame{position:relative;display:grid;place-items:center;flex:0 0 auto;margin:auto;min-width:96px;min-height:96px;overflow:hidden}.original-preview img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.original-preview-frame.is-combined-mode img{filter:brightness(1.22) saturate(.58) contrast(.78)}.original-preview-frame.is-combined-mode:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:#ffffff38}.original-preview-frame[data-preview-mode=original] .craft-preview-output,.original-preview-frame[data-preview-mode=original] .craft-combined-overlay{display:none}.original-layer-overlay{position:absolute;inset:0;pointer-events:none}.original-layer-overlay svg,.craft-preview-output svg,.craft-combined-overlay svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.craft-preview-output,.craft-combined-overlay{position:absolute;inset:0;pointer-events:auto}.original-preview-frame.is-combined-mode .craft-combined-overlay{z-index:2}.original-preview-frame.is-combined-mode .craft-preview-empty{z-index:3}.craft-preview-output{background:linear-gradient(45deg,rgba(214,220,232,.28) 25%,transparent 25%),linear-gradient(-45deg,rgba(214,220,232,.28) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(214,220,232,.28) 75%),linear-gradient(-45deg,transparent 75%,rgba(214,220,232,.28) 75%);background-color:#ffffff94;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.craft-preview-empty{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#63718a;background:#f8fbffb8;text-align:center;font-size:13px;font-weight:700}.craft-preview-empty.compact{inset:auto 20px 20px;min-height:44px;border:1px solid rgba(216,222,248,.86);border-radius:10px;background:#ffffffc7}.original-layer-overlay span{position:absolute;display:flex;align-items:flex-start;justify-content:flex-start;border:2px solid currentColor;border-radius:8px;padding:8px;background:#ffffff14;font-size:12px;font-weight:800}.original-empty-content{display:grid;place-items:center;gap:10px;max-width:360px}.svg-canvas.is-panning,.original-preview.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.relative-actions{position:relative}.export-menu{right:0;top:42px;width:220px}.context-menu{position:fixed;width:210px}.context-menu hr{width:100%;border:0;border-top:1px solid var(--line)}.account-layout{display:grid;grid-template-columns:340px minmax(0,856px);gap:32px}.account-side,.profile-panel{padding:24px}.account-person{display:flex;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.account-person h2{margin:0 0 8px;font-size:18px}.tag-row{display:flex;gap:8px}.tag-row span,.profile-section h3 span{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;color:#15803d;background:#dcfce7;font-size:12px}.balance-box{display:grid;gap:12px;padding:24px 0;border-bottom:1px solid var(--line)}.balance-box strong{font-size:36px}.balance-box small{color:var(--muted)}.security-list{padding-top:22px}.security-list h3,.profile-section h3,.recent-cost h3{margin:0 0 16px;font-size:16px}.security-list p{display:grid;grid-template-columns:88px 1fr 44px;gap:8px;margin:12px 0;font-size:13px}.security-list b{font-weight:600}.security-list button{border:0;color:var(--blue);background:transparent}.profile-panel{display:grid;gap:22px}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.factory-grid{grid-template-columns:2fr 1fr 1fr}.hint-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:13px}.profile-section{padding-top:22px;border-top:1px solid var(--line)}.recent-cost{display:grid;grid-template-columns:100px repeat(3,1fr);gap:14px;align-items:center;padding-top:18px;border-top:1px solid var(--line)}.recent-cost div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;border-radius:6px;background:#f8fafc;border:1px solid #e2e8f0;font-size:12px}.recent-cost b{color:#dc2626}.recent-cost .income{color:#16a34a}.recent-cost small{color:var(--muted)}.modal-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.modal-form{display:grid;gap:14px}.account-links{display:grid;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.account-links a{color:var(--blue);font-size:13px;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}.metric-card,.package-card,.record-panel,.notice-card,.legal-card,.faq-panel,.contact-panel{padding:22px}.metric-card{display:grid;gap:8px}.metric-card span,.metric-card small,.package-card p,.notice-card p,.legal-card p,.faq-panel p,.contact-panel p{color:var(--muted)}.metric-card strong{font-size:30px}.billing-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.package-card{display:grid;gap:14px}.package-card div{display:flex;align-items:center;gap:10px}.package-card h2,.record-panel h2,.faq-panel h2,.contact-panel h2{margin:0;font-size:18px}.package-card strong{color:var(--blue);font-size:28px}.package-card p,.notice-card p{margin:0;line-height:1.55}.billing-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.record-panel{min-height:260px}.record-list{display:grid;gap:10px}.record-list div{display:grid;gap:4px;padding:12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.record-list span{font-weight:700}.record-list b{color:var(--blue)}.record-list small{color:var(--muted)}.notice-card{display:flex;align-items:flex-start;gap:12px}.notice-card strong{display:block;margin-bottom:4px}.legal-page,.support-page,.billing-page{max-width:1180px}.legal-card{display:grid;gap:20px}.legal-card section{padding-bottom:18px;border-bottom:1px solid var(--line)}.legal-card section:last-child{padding-bottom:0;border-bottom:0}.legal-card h2,.faq-panel h3{margin:0 0 8px;font-size:16px}.legal-card p,.faq-panel p{margin:0;line-height:1.75}.support-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.faq-panel{display:grid;gap:18px}.faq-panel section{padding-bottom:14px;border-bottom:1px solid var(--line)}.faq-panel section:last-child{padding-bottom:0;border-bottom:0}.contact-panel{display:grid;align-content:start;gap:14px}.contact-panel div{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;font-size:13px;font-weight:700}.contact-panel p{margin:6px 0 0;line-height:1.6}@media(max-width:1100px){.app-main{width:calc(100vw - 32px);margin:0 auto}.top-nav{gap:14px;overflow-x:auto}.top-actions{display:none}.home-hero,.auth-layout,.upload-layout,.account-layout,.editor-page,.billing-package-grid,.billing-record-grid,.support-grid{grid-template-columns:1fr}.home-visual{display:none}.toolbar{grid-template-columns:1fr}.toolbar-actions{justify-content:flex-start}.table-head{display:none}.task-row{grid-template-columns:24px 1fr}.task-row>span,.task-row>.status-pill,.task-row>.format-list,.task-row>.row-actions{grid-column:2}.editor-left{grid-template-rows:minmax(360px,60vh) auto;overflow:visible}.editor-page{height:auto;min-height:calc(100vh - 125px);overflow:visible}.svg-sidebar{height:auto;max-height:none}.svg-canvas{min-height:360px}.original-preview,.original-empty{min-height:420px}}@media(max-width:700px){.app-main,.home-page,.auth-page{width:100%;padding:18px}.top-nav{padding:0 14px}.brand{min-width:auto}.top-nav nav a{padding:0 10px}.craft-grid,.profile-grid,.factory-grid,.two-col,.code-row,.modal-grid,.recent-cost,.metric-grid{grid-template-columns:1fr}.auth-panel{padding:26px;border-radius:22px}.home-copy h1,.auth-showcase h1{font-size:34px}.upload-settings,.selected-files,.state-card,.account-side,.profile-panel{padding:18px}.layer-row{grid-template-columns:16px 1fr}.layer-row small,.layer-row em,.layer-row div{grid-column:2}}