*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#0f2347;--coral:#ff5b3a;--coral-light:#fff1ee;--white:#fff;--bg:#f7f8fa;--border:#e8eaed;--text:#111827;--muted:#6b7280;--muted2:#9ca3af;--sw:220px;--r:8px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;display:flex}.sidebar{width:var(--sw);background:var(--white);border-right:1px solid var(--border);z-index:100;flex-direction:column;padding:0 12px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.logo{cursor:pointer;align-items:center;gap:9px;padding:20px 8px 22px;display:flex}.logo-mark{background:var(--blue);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.logo-mark svg{width:16px;height:16px}.logo-name{color:var(--blue);letter-spacing:-.3px;font-size:15px;font-weight:600}.nav-new{border-radius:var(--r);background:var(--coral);color:#fff;cursor:pointer;align-items:center;gap:9px;margin-bottom:10px;padding:8px 10px;font-size:13.5px;font-weight:600;display:flex}.nav-new svg{width:15px;height:15px}.nav-item{border-radius:var(--r);color:var(--muted);cursor:pointer;align-items:center;gap:9px;margin-bottom:1px;padding:8px 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{background:var(--coral-light);color:var(--coral)}.nav-item svg{flex-shrink:0;width:15px;height:15px}.nav-section{color:var(--muted2);letter-spacing:.6px;text-transform:uppercase;padding:14px 8px 5px;font-size:11px;font-weight:600}.sidebar-foot{border-top:1px solid var(--border);margin-top:auto;padding:14px 0}.user-row{border-radius:var(--r);cursor:pointer;align-items:center;gap:9px;padding:8px 10px;display:flex}.ava{background:var(--coral);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.user-name{font-size:13px;font-weight:500}.user-email{color:var(--muted);font-size:11px}.main{margin-left:var(--sw);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.topbar{background:var(--white);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;height:52px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{color:var(--muted);align-items:center;gap:6px;font-size:13.5px;display:flex}.topbar-left span{color:var(--text);font-weight:500}.topbar-left .sep{color:var(--border)}.topbar-left a{color:var(--muted);cursor:pointer;text-decoration:none}.topbar-left a:hover{color:var(--text)}.topbar-right{align-items:center;gap:8px;display:flex}.ham{cursor:pointer;background:0 0;border:none;padding:4px;display:none}.ham svg{width:20px;height:20px;color:var(--text)}.btn{border-radius:var(--r);cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .15s,background .15s;display:inline-flex}.btn svg{width:14px;height:14px}.btn-primary{background:var(--coral);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--white);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg)}.btn-ghost{color:var(--muted);background:0 0;padding:7px 9px}.btn-ghost:hover{background:var(--bg);color:var(--text)}.page{padding:24px;display:none}.page.active{display:block}.page-editor{padding:0;display:none}.page-editor.active{flex-direction:column;height:calc(100vh - 52px);display:flex}.page-new{display:none}.page-new.active{display:block}.pg-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.pg-head h1{letter-spacing:-.4px;font-size:19px;font-weight:600}.pg-head-r{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search{background:var(--white);border:1px solid var(--border);border-radius:var(--r);align-items:center;gap:7px;min-width:200px;padding:7px 11px;display:flex}.search svg{width:13px;height:13px;color:var(--muted);flex-shrink:0}.search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search input::placeholder{color:var(--muted2)}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.stat{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.stat-label{color:var(--muted);margin-bottom:5px;font-size:11.5px;font-weight:500}.stat-val{letter-spacing:-.5px;font-size:22px;font-weight:600}.stat-sub{color:var(--muted);margin-top:3px;font-size:11.5px}.up{color:#16a34a}.dn{color:var(--coral)}.tbl-wrap{background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 14px;font-size:11.5px;font-weight:600}thead th:first-child{padding-left:18px}tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fbfcfc}tbody td{vertical-align:middle;padding:13px 14px;font-size:13px}tbody td:first-child{padding-left:18px}.lc{align-items:center;gap:11px;display:flex}.lthumb{background:var(--bg);border:1px solid var(--border);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:34px;display:flex;overflow:hidden}.lthumb svg{width:16px;height:16px;color:var(--border)}.lname{font-size:13px;font-weight:500}.ldate{color:var(--muted);margin-top:1px;font-size:11.5px}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.badge:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px}.b-pending{color:#c2410c;background:#fff7ed}.b-pending:before{background:#f97316}.b-edit{color:#1d4ed8;background:#eff6ff}.b-edit:before{background:#3b82f6}.b-done{color:#15803d;background:#f0fdf4}.b-done:before{background:#22c55e}.b-review{color:#92400e;background:#fff9ed}.b-review:before{background:#f59e0b}.pc{color:var(--muted);align-items:center;gap:4px;font-size:12.5px;display:flex}.pc svg{width:12px;height:12px}.row-act{opacity:0;align-items:center;gap:3px;transition:opacity .15s;display:flex}tbody tr:hover .row-act{opacity:1}.ic-btn{border:1px solid var(--border);background:var(--white);cursor:pointer;width:26px;height:26px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;display:flex}.ic-btn:hover{background:var(--bg);color:var(--text)}.ic-btn svg{width:12px;height:12px}.new-wrap{max-width:600px;margin:0 auto;padding:32px 16px}.new-wrap h1{letter-spacing:-.4px;margin-bottom:4px;font-size:20px;font-weight:600}.new-wrap .sub{color:var(--muted);margin-bottom:28px;font-size:13.5px}.card{background:var(--white);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:22px}.card h3{align-items:center;gap:7px;margin-bottom:14px;font-size:13.5px;font-weight:600;display:flex}.card h3 span{background:var(--coral);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex}.upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:10px;padding:40px 20px;transition:border-color .15s,background .15s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--coral);background:var(--coral-light)}.upload-zone svg{width:32px;height:32px;color:var(--muted2);margin-bottom:10px}.upload-zone p{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:500}.upload-zone small{color:var(--muted);font-size:12px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:14px;display:grid}.prev-thumb{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;position:relative;overflow:hidden}.prev-thumb img{object-fit:cover;width:100%;height:100%}.prev-del{cursor:pointer;opacity:0;z-index:3;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.prev-thumb:hover .prev-del{opacity:1}.prev-del svg{color:#fff;width:10px;height:10px}.prev-ov{pointer-events:none;z-index:2;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.prev-thumb.uploading .prev-ov{background:#ffffff8c}.prev-thumb.done .prev-ov{background:#22c55e1f}.prev-thumb.err .prev-ov{background:#ef444426}.prev-done-icon{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #22c55e73}.prev-err-icon{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.prev-thumb.classifying .prev-ov{background:#8b5cf61f}.prev-ai-icon{color:#fff;background:#7c3aed;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex;box-shadow:0 2px 8px #7c3aed66}.prev-lbl{color:#fff;white-space:nowrap;text-overflow:ellipsis;z-index:1;background:#00000073;border-radius:0 0 8px 8px;padding:2px 5px;font-size:9px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#upload-banner{color:#1d4ed8;background:#eff6ff;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;display:none}#upload-banner.visible{display:flex}.presets-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preset-col{flex-direction:column;gap:4px;display:flex}.preset-opt{border:2px solid var(--border);cursor:pointer;border-radius:8px;transition:border-color .15s;overflow:hidden}.preset-opt.active{border-color:var(--coral);cursor:default;pointer-events:none}.preset-opt.active+.preset-lbl{color:var(--coral);font-weight:600}.preset-swatch{aspect-ratio:1;position:relative;overflow:hidden}.preset-swatch img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.preset-lbl{text-align:center;color:var(--text);padding:2px 4px;font-size:12px;font-weight:500}.fg{margin-bottom:14px}.fg label{margin-bottom:5px;font-size:12.5px;font-weight:500;display:block}.fg input,.fg select{border:1px solid var(--border);border-radius:var(--r);width:100%;color:var(--text);background:var(--white);outline:none;padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .15s}.fg input:focus,.fg select:focus{border-color:var(--coral)}.toggle-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-row:first-child{border-top:none;padding-top:0}.tl{font-size:13.5px;font-weight:500}.td{color:var(--muted);margin-top:2px;font-size:12px}.toggle{background:var(--border);cursor:pointer;border-radius:20px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.toggle.on{background:var(--coral)}.toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle.on:after{transform:translate(16px)}.new-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.det-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.det-title{letter-spacing:-.3px;font-size:18px;font-weight:600}.det-sub{color:var(--muted);margin-top:2px;font-size:13px}.det-r{flex-wrap:wrap;gap:8px;display:flex}.tabs{border-bottom:1px solid var(--border);margin-bottom:22px;display:flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 13px;font-size:13px;font-weight:500}.tab:hover{color:var(--text)}.tab.active{color:var(--coral);border-bottom-color:var(--coral)}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.photo-card{background:var(--white);border:1px solid var(--border);cursor:pointer;border-radius:8px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.photo-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.pc-img{aspect-ratio:4/3;background:var(--bg);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.pc-img svg{width:24px;height:24px;color:var(--border)}.pc-info{border-top:1px solid var(--border);padding:8px 10px}.pc-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:500;overflow:hidden}.pc-status{align-items:center;gap:4px;margin-top:2px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.dot-done{background:#22c55e}.dot-pend{background:#f97316}.dot-stage{background:#8b5cf6}.dot-loading{background:#60a5fa;animation:.8s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.pc-tag{color:var(--muted);font-size:11px}.photo-card.pc-loading{opacity:.7;pointer-events:none}.photo-card.pc-loading .pc-img:after{content:"";background:#ffffff80;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.photo-card.pc-done-preset .dot{background:#22c55e}@keyframes pcShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pc-shimmer{animation:1.5s linear infinite pcShimmer;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%!important}.pc-shimmer img{opacity:0;transition:opacity .35s}.pc-shimmer img.img-loaded{opacity:1;animation:none}.editor-body{flex:1;display:flex;overflow:hidden}.editor-center{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.ed-canvas-wrap{cursor:grab;-webkit-user-select:none;user-select:none;background-color:#e8e9ec;background-image:radial-gradient(circle,#c0c3ca 1px,#0000 1px);background-size:22px 22px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ed-canvas-wrap:active{cursor:grabbing}.ed-placeholder{color:#9ca3af;pointer-events:none;transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:24px}.ed-placeholder svg{width:44px;height:44px}.ed-placeholder p{font-size:13px}.ed-placeholder img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;display:block;box-shadow:0 6px 32px #0000002e}.ed-zoom-hint{color:#9ca3af;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#ffffffbf;border-radius:20px;padding:3px 8px;font-size:11px;position:absolute;bottom:10px;left:12px}.ed-loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;pointer-events:none;background:#e8e9ecd1;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.ed-loading-ring{border:3px solid #e5e7eb;border-top-color:var(--coral);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.ed-loading p{color:var(--text);font-size:13px;font-weight:500}.compare-wrap{z-index:8;-webkit-user-select:none;user-select:none;cursor:col-resize;display:none;position:absolute;inset:0}.compare-wrap.open{display:flex}.compare-img{pointer-events:none;position:absolute;inset:0;overflow:hidden}.compare-img img{object-fit:contain;width:100%;height:100%}.compare-left{clip-path:inset(0 50% 0 0)}.compare-right{clip-path:inset(0 0 0 50%)}.compare-divider{background:var(--white);cursor:col-resize;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #0000004d}.compare-divider:before{content:"";background:var(--white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3Cpolyline points='9 18 15 12 9 6' transform='translate(0,0)'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:18px 18px;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}.compare-label{color:#fff;pointer-events:none;background:#0000008c;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;bottom:12px}.compare-label-l{left:16px}.compare-label-r{right:16px}.filmstrip-wrap{background:var(--white);border-top:1px solid var(--border);flex-shrink:0;align-items:center;display:flex;position:relative}.filmstrip{scroll-behavior:smooth;flex:1;align-items:center;gap:8px;height:82px;padding:0 10px;display:flex;overflow-x:auto}.filmstrip::-webkit-scrollbar{display:none}.ft{background:var(--bg);cursor:pointer;border:2.5px solid #0000;border-radius:6px;flex-shrink:0;width:84px;height:66px;transition:border-color .15s;overflow:hidden}.ft.active{border-color:var(--coral)}.ft div,.ft img{object-fit:cover;width:100%;height:100%;display:block}.fs-arrow{border:1px solid var(--border);background:var(--white);cursor:pointer;width:30px;height:30px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 14px;font-size:16px;line-height:1;transition:background .12s,color .12s;display:flex;box-shadow:0 1px 4px #0000000f}.fs-arrow:hover{background:var(--bg);color:var(--text)}.ai-bar{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#fffffff7;border-radius:12px;width:calc(100% - 60px);max-width:680px;padding:6px 8px;transition:opacity .2s,transform .2s;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000001c}.ai-bar.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(8px)}.ai-bubble{background:var(--coral);color:#fff;cursor:pointer;z-index:21;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:none;position:absolute;bottom:8px;left:16px;box-shadow:0 4px 16px #ff5b3a66}.ai-bubble svg{width:18px;height:18px}.ai-bar-header{display:none}.ai-close-btn{cursor:pointer;width:26px;height:26px;color:var(--muted);background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:flex}.ai-close-btn:hover{background:var(--border);color:var(--text)}.ai-close-btn svg{width:13px;height:13px}.ai-hint{display:none!important}.ai-box{background:var(--bg);border:1.5px solid var(--border);border-radius:10px;flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}.ai-box:focus-within{border-color:#d1d5db}.ai-chips{flex-wrap:wrap;align-items:center;gap:5px;min-height:0;padding:8px 10px 0;display:flex}.ai-chips:empty{display:none}.color-chip{background:var(--white);border:1px solid var(--border);color:var(--text);border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:3px 7px 3px 5px;font-size:11.5px;font-weight:500;display:inline-flex}.chip-swatch{border-radius:3px;flex-shrink:0;width:13px;height:13px}.chip-rm{cursor:pointer;width:13px;height:13px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;transition:background .12s;display:flex}.chip-rm:hover{background:var(--border)}.chip-rm svg{width:8px;height:8px}.ai-input-row{align-items:flex-end;gap:6px;padding:6px 8px 8px;display:flex}.cp-trigger{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.cp-trigger:hover{background:var(--border);color:var(--text)}.cp-trigger svg{width:15px;height:15px}.ai-textarea{color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:80px;padding:3px 0;font-family:inherit;font-size:13px;line-height:1.4}.ai-textarea::placeholder{color:var(--muted2)}.ai-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.ai-icon-btn{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.ai-icon-btn:hover{background:var(--border);color:var(--text)}.ai-icon-btn svg{width:15px;height:15px}.ai-send{background:var(--coral);cursor:pointer;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .15s;display:flex}.ai-send:hover{opacity:.85}.ai-send svg{color:#fff;width:14px;height:14px}.ai-hint{color:var(--muted2);margin-top:5px;padding:0 2px;font-size:11px}.ai-hint kbd{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:3px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-family:inherit;font-size:10px;display:inline-flex}.slash-menu{background:var(--white);border:1px solid var(--border);z-index:200;border-radius:10px;width:240px;display:none;position:absolute;bottom:calc(100% + 6px);left:14px;overflow:hidden;box-shadow:0 8px 30px #0000001a}.slash-menu.open{display:block}.slash-item{cursor:pointer;align-items:center;gap:10px;padding:9px 12px;transition:background .1s;display:flex}.slash-item:hover,.slash-item.focused{background:var(--bg)}.slash-ico{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.slash-ico svg{width:14px;height:14px;color:var(--text)}.slash-item:hover .slash-ico{background:var(--coral-light);border-color:var(--coral)}.slash-item:hover .slash-ico svg{color:var(--coral)}.slash-name{color:var(--text);font-size:13px;font-weight:500}.slash-desc{color:var(--muted);font-size:11px}.cp-wrap{position:relative}.cp-pop{background:var(--white);border:1px solid var(--border);z-index:300;border-radius:12px;width:248px;padding:14px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 40px #00000026}.cp-pop.open{display:block}.cp-recent-row{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.cp-sw{cursor:pointer;border:2px solid #0000;border-radius:5px;flex-shrink:0;width:22px;height:22px;transition:transform .12s,border-color .12s;box-shadow:0 0 0 1px #00000014}.cp-sw:hover{border-color:var(--muted2);transform:scale(1.15)}.cp-sw.selected{border-color:var(--text)}.cp-main{gap:8px;margin-bottom:12px;display:flex}.cp-sv-wrap{flex-shrink:0;position:relative}.cp-grad{cursor:crosshair;border:1px solid var(--border);border-radius:8px;width:184px;height:156px;display:block}.cp-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:100%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #00000059}.cp-hue-wrap{flex-shrink:0;position:relative}.cp-hue{cursor:pointer;border:1px solid var(--border);border-radius:6px;width:14px;height:156px;display:block}.cp-hue-cursor{pointer-events:none;background:#fff;border-radius:3px;height:4px;position:absolute;top:0;left:-3px;right:-3px;box-shadow:0 0 0 1px #0000004d}.cp-rgb-row{gap:6px;margin-bottom:8px;display:flex}.cp-ch{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.cp-ch>span{color:var(--muted2);letter-spacing:.05em;font-size:10px;font-weight:600}.cp-ch input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);text-align:center;-moz-appearance:textfield;border-radius:5px;outline:none;padding:5px 4px;font-family:monospace;font-size:12px}.cp-ch input:focus{border-color:var(--coral)}.cp-ch input::-webkit-inner-spin-button{display:none}.cp-hex-row{background:var(--bg);border:1px solid var(--border);border-radius:6px;align-items:center;gap:0;margin-bottom:10px;padding:5px 8px;display:flex}.cp-hash{color:var(--muted2);margin-right:2px;font-family:monospace;font-size:12px}.cp-hex-inp{color:var(--text);letter-spacing:.05em;background:0 0;border:none;outline:none;flex:1;font-family:monospace;font-size:12px}.cp-preview{border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:20px;height:20px}.ed-panel{background:var(--white);border-left:1px solid var(--border);flex-direction:row;flex-shrink:0;width:440px;display:flex;overflow:hidden}.panel-strip{border-right:1px solid var(--border);background:var(--white);flex-direction:column;flex-shrink:0;gap:2px;width:52px;padding:8px 0;display:flex;overflow-y:auto}.panel-strip::-webkit-scrollbar{display:none}.pstrip-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:calc(100% - 10px);margin:0 5px;padding:12px 0;font-family:inherit;transition:background .15s,color .15s;display:flex;position:relative}#hist-strip-btn.has-history{color:var(--coral)}.pstrip-btn:hover{background:var(--bg);color:var(--text)}.pstrip-btn.active{background:var(--coral-light);color:var(--coral)}.pstrip-btn svg{flex-shrink:0;width:19px;height:19px}.pstrip-btn:after{content:attr(title);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f0fd9;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:500;transition:opacity .18s,transform .18s;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)translate(8px)}.pstrip-btn:before{content:"";pointer-events:none;opacity:0;z-index:200;border:5px solid #0000;border-left-color:#0f0f0fd9;transition:opacity .18s,transform .18s;position:absolute;top:50%;right:calc(100% + 6px);transform:translateY(-50%)translate(8px)}.pstrip-btn:hover:after,.pstrip-btn:hover:before{opacity:1;transition-delay:.45s;transform:translateY(-50%)translate(0)}.panel-section-hd{color:var(--muted2);letter-spacing:.7px;text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--white);flex-shrink:0;padding:11px 14px;font-size:10.5px;font-weight:700}.panel-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.transform-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.transform-btn{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text);border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;font-family:inherit;font-size:10.5px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.transform-btn:hover{border-color:var(--coral);background:var(--coral-light);color:var(--coral)}.transform-btn svg{width:18px;height:18px}.psect{flex:1;padding:14px;display:none;overflow-y:auto}.psect.active{display:block}.psect-title{color:var(--muted2);letter-spacing:.7px;text-transform:uppercase;margin-top:16px;margin-bottom:10px;font-size:10.5px;font-weight:600}.psect-title:first-child{margin-top:0}.psect-divider{background:var(--border);height:1px;margin:14px 0}.presets-g{scroll-snap-type:x mandatory;gap:6px;margin-bottom:10px;padding-bottom:5px;display:flex;overflow-x:auto}.presets-g::-webkit-scrollbar{height:3px}.presets-g::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.prcard-col{scroll-snap-align:start;flex-direction:column;flex-shrink:0;gap:3px;width:calc(33.3333% - 4px);min-width:72px;max-width:96px;display:flex}.prcard{cursor:pointer;border:2px solid #0000;border-radius:6px;transition:border-color .15s,opacity .15s;overflow:hidden}.prcard.active{border-color:var(--coral);cursor:default;pointer-events:none}.prcard.active+.prcard-lbl{color:var(--coral);font-weight:600}.prcard-sw{aspect-ratio:1;position:relative;overflow:hidden}.prcard-sw img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.prcard-lbl{text-align:center;color:var(--text);padding:2px;font-size:10px;font-weight:500}.apply-all-btn{border-radius:var(--r);border:1px solid var(--border);background:var(--bg);cursor:pointer;width:100%;color:var(--text);padding:8px;font-size:12px;font-weight:500;transition:background .12s}.apply-all-btn:hover{background:var(--border)}.unsaved-badge{color:var(--muted);white-space:nowrap;align-items:center;gap:3px;font-size:11px;display:none}.unsaved-badge.visible{display:inline-flex}.unsaved-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:6px;height:6px}.ar-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.ar-btn{border:1.5px solid var(--border);border-radius:var(--r);cursor:pointer;background:var(--white);flex-direction:column;align-items:center;gap:3px;width:100%;padding:6px 4px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.ar-btn:hover{border-color:#d1d5db}.ar-btn.active{border-color:var(--coral);background:var(--coral-light);cursor:default;pointer-events:none;font-weight:600}.ar-icon{justify-content:center;align-items:center;width:22px;height:18px;display:flex}.ar-icon svg{color:var(--muted)}.ar-btn.active .ar-icon svg{color:var(--coral)}.ar-label{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:500}.ar-btn.active .ar-label{color:var(--coral)}.sl-section{letter-spacing:.08em;text-transform:uppercase;color:var(--muted2);margin:16px 0 10px;font-size:10.5px;font-weight:700}.sl-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.sl-lbl{color:var(--text);flex-shrink:0;width:88px;font-size:13px;font-weight:500}.sl-num{border:1px solid var(--border);text-align:center;width:52px;color:var(--text);background:var(--bg);font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-radius:5px;outline:none;flex-shrink:0;padding:3px 5px;font-family:inherit;font-size:12px}.sl-num:focus{border-color:var(--coral)}.sl-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sl-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=range]{appearance:none;background:var(--border);cursor:pointer;border-radius:3px;outline:none;flex:1;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--white);border:2.5px solid var(--coral);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 4px #0000002e}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--white);border:2.5px solid var(--coral);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000002e}.type-badge{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--muted);vertical-align:middle;border-radius:5px;align-items:center;gap:4px;margin-left:4px;padding:3px 8px;font-family:inherit;font-size:11.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.type-badge:hover{border-color:var(--coral);color:var(--coral)}.type-badge.external{color:#1a56db;background:#eff6ff;border-color:#bfdbfe}.save-preset-row{align-items:center;gap:7px;margin:10px 0;display:flex}.save-preset-input{border:1.5px solid var(--coral);border-radius:6px;outline:none;flex:1;padding:6px 10px;font-family:inherit;font-size:12.5px}.save-preset-btn{background:var(--coral);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:600}.add-preset-btn{border:1.5px dashed var(--border);cursor:pointer;width:100%;color:var(--muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:5px;margin-top:6px;padding:8px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,opacity .15s;display:flex}.add-preset-btn.active{border-color:var(--coral);color:var(--coral)}.add-preset-btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.sl-reset-btn{color:var(--muted);border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:5px;padding:3px 9px;font-family:inherit;font-size:11px;transition:color .12s,border-color .12s}.sl-reset-btn:hover{color:var(--coral);border-color:var(--coral)}.custom-presets-scroll{scroll-snap-type:x mandatory;gap:6px;margin-bottom:8px;padding-bottom:5px;display:flex;overflow-x:auto}.custom-presets-scroll::-webkit-scrollbar{height:3px}.custom-presets-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.custom-presets-scroll .prcard-col{scroll-snap-align:start;flex-shrink:0;width:82px}.custom-prcard{cursor:pointer;border:2px solid #0000;border-radius:7px;transition:border-color .15s;position:relative;overflow:hidden}.custom-prcard.active{border-color:var(--coral)}.custom-prcard .prcard-sw{aspect-ratio:1;background:var(--bg);overflow:hidden}.custom-prcard .prcard-sw img{object-fit:cover;width:100%;height:100%;display:block}.custom-prcard .prcard-lbl{text-align:center;background:var(--bg);border-top:1px solid var(--border);color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding:4px 5px 5px;font-size:10px;font-weight:500;overflow:hidden}.cp-del-btn{color:#fff;cursor:pointer;z-index:5;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;display:none;position:absolute;top:3px;right:3px}.custom-prcard:hover .cp-del-btn{display:flex}#privacy-canvas{z-index:12;touch-action:none;display:none;position:absolute;inset:0}.priv-cursor{pointer-events:none;z-index:100;border:2.5px solid #ff5b3ae6;border-radius:50%;display:none;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.priv-mode-hint{color:#fff;z-index:14;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;letter-spacing:.02em;background:#0f0f0fd1;border-radius:20px;padding:6px 16px;font-size:11px;display:none;position:absolute;top:10px;left:50%;transform:translate(-50%)}.tv-img-card{cursor:pointer;border:2px solid #0000;border-radius:8px;transition:border-color .15s;overflow:hidden}.tv-img-card.active{border-color:var(--coral)}.tv-img-card .prcard-sw{background:var(--bg);height:60px}.tv-scene-card{cursor:pointer;aspect-ratio:16/10;background:var(--bg);color:var(--muted);text-align:center;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:10px;transition:border-color .15s;display:flex;overflow:hidden}.tv-scene-card.active{border-color:var(--coral)}.tv-coming{text-align:center;color:var(--muted2);padding:24px 0;font-size:12px}.confirm-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-box{background:var(--white);border-radius:12px;width:90%;max-width:380px;padding:24px 28px;box-shadow:0 20px 60px #00000040}.confirm-box h3{margin-bottom:8px;font-size:15px;font-weight:600}.confirm-box p{color:var(--muted);margin-bottom:20px;font-size:13px}.confirm-box .row{flex-direction:column;gap:7px;display:flex}.confirm-box .row button{cursor:pointer;border:1.5px solid var(--border);background:var(--white);color:var(--text);text-align:center;border-radius:8px;width:100%;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .15s,background .15s}.confirm-box .row .btn-primary-c,.confirm-box .row .btn-danger{background:var(--coral);color:#fff;border-color:var(--coral);font-weight:600}.confirm-box .row .btn-primary-c:hover,.confirm-box .row .btn-danger:hover{color:#fff;background:#e04d30}.confirm-box .row .btn-ghost-c{color:var(--muted);background:0 0;border-color:#0000;font-size:12px}.confirm-box .row .btn-ghost-c:hover{background:var(--bg);color:var(--text)}.confirm-box .row button:not(.btn-primary-c):not(.btn-danger):not(.btn-ghost-c):hover{background:var(--bg)}.ed-panel.chat-mode .psect{display:none!important}.ed-panel.chat-mode .chat-view{display:flex!important}.chat-view{flex-direction:column;height:100%;display:none;overflow:hidden}.chat-view-head{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:11px 14px;display:flex}.chat-back-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:4px 7px;font-family:inherit;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:flex}.chat-back-btn:hover{background:var(--bg);color:var(--text)}.chat-view-title{flex:1;font-size:13px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chat-turn{grid-template-columns:1fr 1fr;align-items:start;gap:8px;display:grid}.chat-user-bubble{background:var(--coral-light);color:var(--text);border:1px solid #ffd5cc;border-radius:8px 8px 2px;padding:8px 10px;font-size:12px;line-height:1.4}.chat-colors{flex-wrap:wrap;gap:4px;margin-bottom:5px;display:flex}.chat-color-chip{color:var(--text);align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.chat-color-dot{border:1px solid #0000001f;border-radius:3px;flex-shrink:0;width:12px;height:12px}.chat-ai-side{flex-direction:column;gap:4px;display:flex}.chat-ai-photo{cursor:pointer;border:2px solid #0000;border-radius:8px;transition:border-color .15s;position:relative;overflow:hidden}.chat-ai-photo:hover{border-color:var(--coral)}.chat-ai-photo img{width:100%;display:block}.chat-ai-restore{color:var(--muted);text-align:center;cursor:pointer;padding:2px 0;font-size:10.5px}.chat-ai-restore:hover{color:var(--coral)}.chat-ai-loading{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;display:flex}.chat-loading-ring{border:2px solid var(--border);border-top-color:var(--coral);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.chat-loading-txt{color:var(--muted);font-size:11px}.resume-chat-btn{background:var(--coral-light);color:var(--coral);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-family:inherit;font-size:11.5px;font-weight:600;transition:background .12s;display:none}.resume-chat-btn:hover{background:#ffd5cc}.resume-chat-btn.visible{display:inline-flex}.profile-card{border:1.5px solid var(--border);cursor:pointer;border-radius:8px;margin-bottom:8px;padding:11px 12px;transition:border-color .15s}.profile-card:hover{border-color:#d1d5db}.profile-card.active{border-color:var(--coral);background:var(--coral-light)}.profile-name{color:var(--text);font-size:13px;font-weight:500}.profile-name.active{color:var(--coral)}.profile-desc{color:var(--muted);margin-top:2px;font-size:11.5px}.profile-swatches{gap:3px;margin-top:7px;display:flex}.profile-sw{border-radius:3px;width:14px;height:14px}.save-profile-btn{border-radius:var(--r);border:1.5px dashed var(--border);cursor:pointer;width:100%;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:9px;font-size:12.5px;font-weight:500;transition:border-color .15s,color .15s;display:flex}.save-profile-btn:hover{border-color:var(--coral);color:var(--coral)}.save-profile-btn svg{width:13px;height:13px}.tool-btn{border-radius:var(--r);border:1px solid var(--border);background:var(--white);cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;margin-bottom:7px;padding:10px 12px;font-family:inherit;transition:background .12s;display:flex}.tool-btn:hover{background:var(--bg)}.tool-ico{background:var(--bg);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.tool-ico svg{width:15px;height:15px;color:var(--text)}.tool-name{color:var(--text);font-size:12.5px;font-weight:500}.tool-desc{color:var(--muted);margin-top:1px;font-size:11px}.stg-scroll{scroll-snap-type:x mandatory;gap:7px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.stg-scroll::-webkit-scrollbar{height:3px}.stg-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.stg-card-col{scroll-snap-align:start;flex-direction:column;flex-shrink:0;gap:3px;width:72px;display:flex}.stg-card{cursor:pointer;aspect-ratio:1;background:var(--bg);border:2px solid #0000;border-radius:7px;justify-content:center;align-items:center;transition:border-color .15s,opacity .15s;display:flex;overflow:hidden}.stg-card:hover{border-color:#d1d5db}.stg-card.active{border-color:var(--coral)}.stg-card svg{width:22px;height:22px;color:var(--muted);transition:color .15s}.stg-card.active svg{color:var(--coral)}.stg-card-lbl{text-align:center;color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding:1px 2px;font-size:10px;font-weight:500;overflow:hidden}.stg-card.active+.stg-card-lbl{color:var(--coral);font-weight:600}.stg-style-sw{object-fit:cover;width:100%;height:100%;display:block}.stg-pal-row{border:1.5px solid var(--border);cursor:pointer;border-radius:7px;align-items:center;gap:8px;margin-bottom:5px;padding:7px 9px;transition:border-color .15s;display:flex}.stg-pal-row:hover{border-color:#d1d5db}.stg-pal-row.active{border-color:var(--coral);background:var(--coral-light)}.stg-pal-squares{flex-shrink:0;gap:2px;display:flex}.stg-pal-sq{border-radius:2px;flex-shrink:0;width:14px;height:14px}.stg-pal-name{color:var(--text);font-size:11.5px;font-weight:500}.stg-sel-colors{flex-wrap:wrap;gap:5px;margin:8px 0 4px;display:flex}.stg-color-chip{cursor:default;border:1px solid #0000001a;border-radius:4px;flex-shrink:0;width:28px;height:28px;position:relative}.stg-color-chip .stg-rm{color:#fff;opacity:0;cursor:pointer;background:#00000073;border:none;border-radius:3px;justify-content:center;align-items:center;width:100%;height:100%;padding:0;font-size:12px;transition:opacity .12s;display:flex;position:absolute;inset:0}.stg-color-chip:hover .stg-rm{opacity:1}.stg-add-color{color:var(--muted);background:var(--bg);border:1px dashed var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:5px 8px;font-family:inherit;font-size:11px;transition:border-color .12s,color .12s;display:inline-flex}.stg-add-color:hover{border-color:var(--coral);color:var(--coral)}.gen-btn{background:var(--coral);color:#fff;border-radius:var(--r);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:14px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.gen-btn:hover{opacity:.9}.gen-btn svg{width:14px;height:14px}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.ham{display:flex}.stats{grid-template-columns:repeat(2,1fr)}table thead th:nth-child(3),table tbody td:nth-child(3),table thead th:nth-child(5),table tbody td:nth-child(5){display:none}.photo-grid{grid-template-columns:repeat(2,1fr)}.new-wrap{padding:16px}.presets-row{grid-template-columns:repeat(2,1fr)}.ed-panel{display:none}body.editor-mode .ed-panel{z-index:90;width:56px;display:flex;position:fixed;top:52px;bottom:0;right:0;box-shadow:-2px 0 10px #00000014}body.editor-mode .ed-panel .panel-content{display:none}body.editor-mode .ed-panel.open{width:340px;box-shadow:-4px 0 20px #0000001f}body.editor-mode .ed-panel.open .panel-content{display:flex}.panel-mob-btn{display:none!important}}@media (max-width:480px){.stats{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.pg-head{flex-direction:column;align-items:flex-start}.pg-head-r{width:100%}.search{flex:1}}.overlay{z-index:99;background:#0000004d;display:none;position:fixed;inset:0}.overlay.open{display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}body.editor-mode .sidebar{display:none!important}body.editor-mode .main{margin-left:0!important}.crop-overlay{z-index:9;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.crop-overlay.active{pointer-events:all;display:block}.crop-box{cursor:move;box-sizing:border-box;border:2px solid #fff;position:absolute;box-shadow:0 0 0 2000px #00000080}.crop-rule{border:0 solid #fff6;position:absolute}.crop-rule-h{border-top-width:1px;top:33.33%;left:0;right:0}.crop-rule-h2{border-top-width:1px;top:66.66%;left:0;right:0}.crop-rule-v{border-left-width:1px;top:0;bottom:0;left:33.33%}.crop-rule-v2{border-left-width:1px;top:0;bottom:0;left:66.66%}.crop-corner{background:#fff;border-radius:2px;width:14px;height:14px;position:absolute}.crop-corner.tl{cursor:nwse-resize;top:-3px;left:-3px}.crop-corner.tr{cursor:nesw-resize;top:-3px;right:-3px}.crop-corner.bl{cursor:nesw-resize;bottom:-3px;left:-3px}.crop-corner.br{cursor:nwse-resize;bottom:-3px;right:-3px}.cp-btns{gap:6px;display:flex}.cp-save-btn{background:var(--coral);color:#fff;cursor:pointer;border:none;border-radius:7px;flex:1;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:600}.cp-save-btn:hover{opacity:.9}.cp-cancel-btn2{background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:7px;flex:1;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:500}.cp-cancel-btn2:hover{background:var(--border)}.crop-toolbar{z-index:11;white-space:nowrap;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.crop-toolbar button{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;display:flex}.crop-btn-cancel{color:var(--text);background:#ffffffe0}.crop-btn-cancel:hover{background:#fff}.crop-btn-apply{background:var(--coral);color:#fff}.crop-btn-apply:hover{opacity:.9}.crop-toolbar svg{width:13px;height:13px}.undo-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--muted);white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:500;display:none}.undo-btn:hover{background:var(--border);color:var(--text)}.undo-btn.visible{display:inline-flex}.undo-btn svg{width:11px;height:11px}.preset-undo-btn{display:none}.preset-undo-btn.visible{display:inline-flex}.dl-btn{border-radius:var(--r);border:1px solid var(--border);background:var(--white);cursor:pointer;width:32px;height:32px;color:var(--muted);justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.dl-btn:hover{background:var(--bg);color:var(--text)}.dl-btn svg{width:15px;height:15px}a{color:inherit;text-decoration:none}