:root{--bg:#f4f2ed;--panel:#fffdf8;--ink:#1e2723;--muted:#718078;--line:#dfe4de;--brand:#245c48;--brand-2:#d7a84b;--danger:#b94343;--shadow:0 12px 32px #22362d17}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}body{background-image:radial-gradient(circle at 15% 5%,#d7a84b1c,#0000 25%),radial-gradient(circle at 90% 0,#245c4817,#0000 23%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:1480px;margin:0 auto;padding:22px 28px 40px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#fffdf8de;border-bottom:1px solid #245c481f;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:.04em;align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{background:var(--brand);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 2px #ffffff2e}.nav-actions{align-items:center;gap:10px;display:flex}.credit-pill{color:#755412;background:#f8efd9;border:1px solid #ead19e;border-radius:999px;padding:8px 13px;font-weight:700}.credit-pill.storage-low{color:#9c3434;background:#fbeaea;border-color:#edc3c3}.button{background:var(--brand);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-weight:700;transition:all .18s;display:inline-flex}.button:hover{filter:brightness(1.05);transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.secondary{color:#29483c;background:#e7ece8}.button.gold{background:var(--brand-2);color:#2d240e}.button.danger{color:var(--danger);background:#f8e4e4}.button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.button.small{border-radius:8px;padding:7px 10px;font-size:13px}.card{background:var(--panel);box-shadow:var(--shadow);border:1px solid #39574821;border-radius:18px}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:32px;padding:42px;display:grid;overflow:hidden}.hero h1{letter-spacing:-.04em;max-width:760px;margin:0 0 18px;font-size:clamp(34px,5vw,64px);line-height:1.04}.hero p{color:var(--muted);max-width:680px;font-size:17px;line-height:1.8}.hero-art{background:linear-gradient(145deg,#1f4d3d,#193a31);border-radius:26px;min-height:300px;position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:"";border:2px solid #ffffff26;border-radius:45% 55% 60% 40%;position:absolute;inset:45px 70px;transform:rotate(18deg)}.hero-art:after{border-color:#d7a84b8c;inset:82px 30px;transform:rotate(-20deg)}.home-steps{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.home-steps article{background:#fffdf8b8;border:1px solid #39574821;border-radius:16px;padding:26px}.home-steps b{color:var(--brand-2);letter-spacing:.12em;font-size:13px}.home-steps h2{margin:10px 0 7px;font-size:19px}.home-steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.home-note{color:#28493c;background:#e6eee9;border-radius:14px;align-items:center;gap:16px;margin:18px 0;padding:16px 20px;display:flex}.home-note span{color:#587067;font-size:14px}.page-title{justify-content:space-between;align-items:end;gap:20px;margin:10px 0 24px;display:flex}.page-title h1{margin:0;font-size:32px}.page-title p{color:var(--muted);margin:7px 0 0}.grid{gap:18px;display:grid}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card{padding:20px;transition:all .18s}.project-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #22362d21}.project-thumb{aspect-ratio:4/3;color:var(--muted);background:#e8ebe7;border-radius:12px;place-items:center;margin-bottom:15px;display:grid;overflow:hidden}.project-thumb img{object-fit:contain;width:100%;height:100%}.project-meta{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.upload-box{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;padding:26px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex;position:relative}.upload-box.drag-active{border-color:var(--brand);background:#edf6f1;box-shadow:0 0 0 4px #245c4821,0 18px 42px #22362d29}.upload-drop-overlay{z-index:5;border:2px dashed var(--brand);border-radius:inherit;color:var(--brand);pointer-events:none;background:#edf6f1f5;place-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:0}.upload-drop-overlay strong{font-size:20px}.upload-drop-overlay span{color:var(--muted);font-size:13px}.upload-copy{gap:4px;width:100%;display:grid}.upload-copy strong{font-size:18px}.upload-copy span{color:var(--muted);font-size:13px}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.file-picker{cursor:pointer;background:#fff;border:1px dashed #aab8b0;border-radius:10px;gap:2px;min-width:230px;max-width:360px;padding:9px 13px;display:grid}.file-picker:hover{border-color:var(--brand);background:#f7faf8}.file-picker strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.file-picker span{color:var(--muted);font-size:11px}.workflow-strip{align-items:stretch;gap:12px;margin-bottom:18px;display:flex}.workflow-strip>div{background:#fffdf8b8;border:1px solid #3957481f;border-radius:14px;flex:1;align-items:center;gap:11px;padding:14px 16px;display:flex}.workflow-strip>div>b{background:var(--brand);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.workflow-strip span{gap:2px;display:grid}.workflow-strip small{color:var(--muted)}.workflow-strip>i{color:#9daa9f;align-self:center;font-style:normal}.section-heading{justify-content:space-between;align-items:center;margin:28px 2px 14px;display:flex}.section-heading h2{margin:0;font-size:22px}.section-heading span{color:var(--muted);font-size:13px}.field{gap:7px;display:grid}.field label{color:#4f5e56;font-size:13px;font-weight:700}.input,.textarea,.select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;outline:none;width:100%;padding:10px 12px}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #245c481a}.textarea{resize:vertical;min-height:88px}.auth-page{place-items:center;min-height:100vh;padding:30px;display:grid}.auth-card{width:min(440px,100%);padding:34px}.auth-card h1{margin:0 0 7px}.auth-card>p{color:var(--muted);margin:0 0 26px}.form-stack{gap:16px;display:grid}.notice{color:#315646;background:#eef4f0;border-radius:9px;padding:10px 13px;font-size:14px}.notice.error{color:#9c3434;background:#fbeaea}.notice.success{color:#20643b;background:#e4f4e9;border:1px solid #b8ddc5}.editor-shell{background:#eceeea;grid-template-columns:270px minmax(420px,1fr) 360px;height:calc(100dvh - 70px);min-height:0;transition:grid-template-columns .2s;display:grid;overflow:hidden}.editor-shell.inspector-closed{grid-template-columns:270px minmax(420px,1fr)}.editor-shell.project-switcher-open{grid-template-columns:250px 270px minmax(420px,1fr) 360px}.editor-shell.project-switcher-open.inspector-closed{grid-template-columns:250px 270px minmax(420px,1fr)}.editor-shell.inspector-closed .editor-panel.right{display:none}.editor-feedback{z-index:90;align-items:center;gap:14px;max-width:min(520px,100vw - 36px);display:flex;position:fixed;top:82px;right:18px;box-shadow:0 12px 32px #14221c33}.editor-feedback button{color:inherit;background:0 0;border:0;padding:0;font-size:20px;line-height:1}.editor-panel{background:var(--panel);border-right:1px solid var(--line);overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;max-height:100%;overflow:hidden scroll}.editor-panel.right{border-right:0;border-left:1px solid var(--line);min-width:0}.editor-panel::-webkit-scrollbar{width:11px;height:11px}.canvas-scroll::-webkit-scrollbar{width:11px;height:11px}.editor-panel::-webkit-scrollbar-track{background:#eef0ec}.canvas-scroll::-webkit-scrollbar-track{background:#eef0ec}.editor-panel::-webkit-scrollbar-thumb{background:#aeb9b2;border:2px solid #eef0ec;border-radius:999px}.canvas-scroll::-webkit-scrollbar-thumb{background:#aeb9b2;border:2px solid #eef0ec;border-radius:999px}.editor-panel::-webkit-scrollbar-thumb:hover{background:#7f9187}.canvas-scroll::-webkit-scrollbar-thumb:hover{background:#7f9187}.panel-title{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#fffdf8f2;padding:16px;position:sticky;top:0}.panel-title h3{margin:0;font-size:15px}.project-heading{gap:3px;min-width:0;display:grid}.project-heading input{width:100%;min-width:0;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;border-bottom:1px solid #0000;outline:0;padding:2px 0;font-size:15px;font-weight:800}.project-heading input:hover,.project-heading input:focus{border-bottom-color:var(--brand)}.project-switcher-toggle{width:100%;margin-top:10px}.project-switcher-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.project-switcher-title>div{gap:3px;min-width:0;display:grid}.project-switcher-title strong{font-size:15px}.project-switcher-title small{color:var(--muted);font-size:11px}.project-switcher-list{gap:6px;padding:10px;display:grid}.project-switcher-item{width:100%;min-width:0;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:10px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;text-decoration:none;transition:background .15s,border-color .15s;display:grid}.project-switcher-item:hover{background:#eef5f1;border-color:#a9c4b8}.project-switcher-item.active{background:#dfece6;border-color:#75a18d}.project-switcher-icon{background:var(--brand);color:#fff;border-radius:9px;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.project-switcher-name{gap:3px;min-width:0;display:grid}.project-switcher-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.project-switcher-name small{color:var(--muted);font-size:10px}.project-switcher-current{color:var(--brand);background:#fff;border-radius:99px;padding:3px 6px;font-size:10px;font-weight:700}.project-switcher-dashboard{text-align:center;margin-top:6px}.project-switcher-panel{background:#f5f7f4;box-shadow:5px 0 18px #1e322814}.part-list{padding:8px}.part-tools{z-index:4;border-bottom:1px solid var(--line);background:#fffdf8f5;gap:8px;padding:10px;display:grid;position:sticky;top:68px}.filter-row{flex-wrap:wrap;gap:5px;display:flex}.filter-chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:4px 8px;font-size:11px}.filter-chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}.subject-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:13px 8px 5px;font-size:11px;font-weight:800}.part-row{cursor:pointer;border-radius:9px;grid-template-columns:17px 14px 1fr auto;align-items:center;gap:7px;padding:9px;font-size:14px;display:grid}.part-row:hover{background:#eef2ee}.part-row.active{color:#163f30;background:#dfece6;font-weight:700}.part-row.bulk-selected{box-shadow:inset 0 0 0 1px #7eab97}.part-select{width:15px;height:15px;accent-color:var(--brand);cursor:pointer;margin:0}.batch-part-actions{flex-wrap:wrap;align-items:center;gap:5px;padding-top:2px;display:flex}.batch-part-actions>span{color:var(--muted);font-size:11px}.part-name{gap:2px;min-width:0;display:grid}.part-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.part-name small{color:var(--muted);font-size:10px;font-weight:500}.part-dot{border:1px solid #00000026;border-radius:50%;width:10px;height:10px}.status{color:var(--muted);background:#ecefec;border-radius:99px;padding:3px 6px;font-size:10px}.status.READY{color:#23643f;background:#ddefe5}.status.FAILED,.status.STALE{color:#9f3232;background:#f8dddd}.status.QUEUED,.status.GENERATING,.status.RUNNING{color:#795b18;background:#f7eaca}.status.SUCCEEDED{color:#23643f;background:#ddefe5}.status.REFUNDED{color:#44557d;background:#e5e9f4}.workspace{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);background:#f9faf7;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.canvas-scroll{overscroll-behavior:contain;background-color:#dfe3df;background-image:linear-gradient(45deg,#d7dbd7 25%,#0000 25%),linear-gradient(-45deg,#d7dbd7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d7dbd7 75%),linear-gradient(-45deg,#0000 75%,#d7dbd7 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;place-items:center;min-height:0;padding:34px;display:grid;position:relative;overflow:auto}.stage{background:#fff;flex:none;position:relative;overflow:hidden;box-shadow:0 16px 45px #00000038}.stage>img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.stage .source{opacity:.3}.stage .part-image{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.pivot-marker{z-index:70;pointer-events:none;background:#d7a84b;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 2px #65490f,0 2px 8px #00000059}.pivot-marker:before,.pivot-marker:after{content:"";background:#65490f;position:absolute}.pivot-marker:before{width:22px;height:1px;top:6px;left:-5px}.pivot-marker:after{width:1px;height:22px;top:-5px;left:6px}.stage .part-image:active{cursor:grabbing}.stage .part-image.locked{cursor:not-allowed}.canvas-onboarding{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8f0;border-radius:16px;gap:9px;width:min(330px,82%);padding:22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 44px #0003}.canvas-onboarding strong{font-size:19px}.canvas-onboarding span{color:var(--muted);font-size:13px}.task-progress-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#e1e6e1b8;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.task-progress-card{background:#fffdf8fa;border:1px solid #3957482e;border-radius:20px;width:min(520px,94%);padding:26px;box-shadow:0 24px 70px #1b2d2447}.task-progress-top{align-items:flex-start;gap:16px;display:flex}.task-progress-top strong{margin-bottom:7px;font-size:21px;display:block}.task-progress-top p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.task-spinner{border:4px solid #dce5df;border-top-color:var(--brand);border-right-color:var(--brand-2);border-radius:50%;flex:none;width:44px;height:44px;animation:.85s linear infinite task-spin}.task-progress-bar{background:#e3e8e4;border-radius:99px;height:8px;margin:22px 0 9px;overflow:hidden}.task-progress-bar i{border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-2));width:38%;height:100%;animation:1.6s ease-in-out infinite task-slide;display:block}.task-progress-meta{color:var(--muted);justify-content:space-between;gap:15px;font-size:12px;display:flex}.task-progress-meta b{color:var(--ink);flex:none}.task-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.task-steps>div{color:#a0aca5;text-align:center;justify-items:center;gap:6px;display:grid}.task-steps>div>span{background:#fff;border:2px solid #d4dcd7;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.task-steps>div.active{color:var(--brand)}.task-steps>div.active>span{border-color:var(--brand);animation:1.4s ease-in-out infinite task-pulse;box-shadow:0 0 0 5px #245c4817}.task-steps>div.done{color:#48735f}.task-steps>div.done>span{border-color:var(--brand);background:var(--brand);color:#fff}.task-steps small{font-size:11px;line-height:1.35}.task-progress-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;margin-top:20px;padding-top:13px;font-size:11px;display:flex}@keyframes task-spin{to{transform:rotate(360deg)}}@keyframes task-slide{0%{transform:translate(-110%)}50%{transform:translate(85%)}to{transform:translate(275%)}}@keyframes task-pulse{50%{box-shadow:0 0 0 9px #245c480a}}.source-selection{pointer-events:none;z-index:50;background:#ffbe3714;border:2px dashed #d59319;position:absolute}.source-selection span{color:#533b0b;white-space:nowrap;background:#f5c664;border-radius:5px 5px 0 0;padding:3px 7px;font-size:11px;font-weight:800;position:absolute;top:-24px;left:-2px}.canvas-result-hint{z-index:55;color:#654b18;pointer-events:none;background:#fff8e4eb;border:1px solid #75541240;border-radius:10px;gap:3px;padding:10px 12px;display:grid;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 5px 18px #372b101f}.canvas-result-hint strong{font-size:12px}.canvas-result-hint span{font-size:11px;line-height:1.45}.inspector{gap:14px;padding:16px;display:grid}.quality-modal{max-width:720px}.quality-body{gap:20px;padding:24px;display:grid}.quality-score{align-items:center;gap:16px;display:flex}.quality-score>strong{color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:88px;height:88px;font-size:34px;display:grid}.quality-score div{gap:4px;display:grid}.quality-score b{font-size:24px}.quality-score span,.quality-issue small{color:var(--muted);font-size:12px}.quality-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.quality-metrics span{border:1px solid var(--line);background:#fff;border-radius:10px;gap:4px;padding:12px;font-size:12px;display:grid}.quality-metrics b{color:var(--ink);font-size:18px}.quality-issues{gap:8px;display:grid}.quality-issue{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.quality-issue.error{border-left:4px solid #b84a43}.quality-issue.warning{border-left:4px solid #d7a84b}.quality-issue.info{border-left:4px solid #5282a8}.part-state-strip{border:1px solid var(--line);background:#f7f8f5;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 10px;display:flex}.part-state-strip>span{color:var(--muted);background:#e9ece8;border-radius:999px;padding:4px 7px;font-size:11px}.part-state-strip>.status{font-size:11px}.part-state-strip>.state-ok{color:#23643f;background:#ddefe5}.part-state-strip>.state-warn{color:#795b18;background:#f7eaca}.crop-summary{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.crop-summary>div{gap:4px;display:grid}.crop-summary small{color:var(--muted);line-height:1.4}.crop-summary.ready{background:#edf6f0;border-color:#bbd9c7}.crop-summary.missing{background:#fff5df;border-color:#ecd39e}.layer-help{color:var(--muted);margin-bottom:-6px;font-size:11px;line-height:1.45}.layer-actions{flex-wrap:wrap}.part-views-panel{border:1px solid var(--line);background:#f7f8f5;border-radius:12px;gap:10px;padding:12px;display:grid}.part-views-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.part-views-heading>div{gap:2px;display:grid}.part-views-heading small,.part-view-card>small{color:var(--muted);font-size:10px;line-height:1.35}.part-views-heading>span{color:var(--brand);background:#e4eee8;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.part-views-empty{color:var(--muted);text-align:center;border:1px dashed #b9c4bd;border-radius:9px;padding:10px;font-size:11px}.view-kind-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.view-kind-options label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:7px 8px;font-size:11px;display:flex}.view-kind-options label.selected{background:#edf5f0;border-color:#79a08e}.view-kind-options label i{color:#6d7d75;margin-left:auto;font-size:9px;font-style:normal}.view-generate-button{justify-content:center;width:100%}.view-storage-warning,.view-error{color:#a3423d!important}.part-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.part-view-card{border:1px solid var(--line);background:#fff;border-radius:9px;gap:6px;min-width:0;padding:7px;display:grid}.part-view-card.stale{background:#fffaf0;border-color:#ddbd73}.part-view-image{aspect-ratio:1;width:100%;color:var(--muted);cursor:zoom-in;background-color:#eef0ed;background-image:linear-gradient(45deg,#e1e4e0 25%,#0000 25%),linear-gradient(-45deg,#e1e4e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e1e4e0 75%),linear-gradient(-45deg,#0000 75%,#e1e4e0 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border:0;border-radius:7px;place-items:center;padding:0;display:grid;overflow:hidden}.part-view-image:disabled{cursor:default}.part-view-image img{object-fit:contain;width:88%;height:88%}.part-view-meta{justify-content:space-between;align-items:center;gap:5px;display:flex}.part-view-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.part-view-meta .status{font-size:9px}.part-view-card .row{flex-wrap:wrap;gap:4px}.part-view-card .button.small{padding:5px 7px;font-size:9px}.row{align-items:center;gap:9px;display:flex}.row>*{min-width:0}.chat{border-top:1px solid var(--line);margin-top:6px}.chat-messages{gap:10px;max-height:340px;padding:12px;display:grid;overflow:auto}.bubble{background:#edf1ee;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.55}.bubble.user{background:#dceae4;margin-left:30px}.bubble.assistant{margin-right:30px}.chat-form{border-top:1px solid var(--line);gap:8px;padding:12px;display:grid}.modal-backdrop{z-index:100;background:#121d18b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:18px;grid-template-rows:auto 1fr;width:min(1100px,100%);max-height:94vh;display:grid;overflow:hidden}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.mask-work{background:#d9ddd9;place-items:center;min-height:540px;padding:24px;display:grid;overflow:auto}.mask-work canvas{touch-action:none;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;max-width:100%;max-height:68vh;box-shadow:0 10px 30px #0003}.crop-modal{width:min(1240px,100%)}.crop-work{background:#252d29;place-items:center;gap:12px;min-height:520px;padding:22px;display:grid;overflow:auto}.crop-surface{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;line-height:0;display:inline-block;position:relative}.crop-surface img{object-fit:contain;pointer-events:none;max-width:100%;max-height:74vh;display:block}.crop-box{pointer-events:none;background:#ffc44d1f;border:3px solid #ffc44d;position:absolute;box-shadow:0 0 0 9999px #0000006b}.crop-box span{color:#2d220a;white-space:nowrap;background:#ffc44d;border-radius:6px 6px 0 0;padding:5px 8px;font-size:12px;font-weight:800;line-height:18px;position:absolute;top:-30px;left:-3px}.crop-size{color:var(--muted);white-space:nowrap;background:#eef2ee;border-radius:999px;padding:6px 10px;font-size:12px}.overview-backdrop{padding:16px}.overview-modal{width:min(1540px,100%);height:min(94vh,980px);max-height:94vh}.overview-head{gap:18px}.overview-error{z-index:4;position:absolute;top:72px;left:50%;transform:translate(-50%)}.overview-board{background:#e4e7e2;grid-template-columns:minmax(250px,.85fr) minmax(0,1.65fr);gap:16px;min-height:0;padding:18px;display:grid;overflow:hidden}.overview-board figure{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0;min-height:0;margin:0;overflow:hidden}.overview-source{grid-template-rows:minmax(0,1fr) auto;display:grid}.overview-image{background-color:#eef0ed;background-image:linear-gradient(45deg,#e1e4e0 25%,#0000 25%),linear-gradient(-45deg,#e1e4e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e1e4e0 75%),linear-gradient(-45deg,#0000 75%,#e1e4e0 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.overview-image img{object-fit:contain;width:100%;height:100%;display:block}.overview-board figcaption{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:8px 10px;display:grid}.overview-board figcaption strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.overview-board figcaption span{max-width:100px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.overview-board figcaption i{border:1px solid #0000001f;border-radius:50%;width:9px;height:9px}.overview-source figcaption{padding:12px 14px}.overview-source figcaption strong{font-size:15px}.overview-parts{grid-template-columns:repeat(var(--overview-columns), minmax(0, 1fr));grid-auto-rows:minmax(0,1fr);gap:10px;min-width:0;min-height:0;display:grid}.overview-part{grid-template-rows:minmax(0,1fr) auto;display:grid}.overview-part-image{width:100%;height:100%;color:inherit;cursor:zoom-in;border:0;padding:0}.overview-part-image img{width:78%;height:78%;transition:filter .16s}.overview-part-image:hover img{filter:drop-shadow(0 5px 8px #1b2a2326)}.overview-number{z-index:2;background:var(--brand-2);color:#2d240e;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:grid;position:absolute;top:7px;left:7px}.overview-view-count{z-index:2;color:#fff;background:#245c48e6;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;position:absolute;top:7px;right:7px}.overview-preview-backdrop{z-index:120;padding:30px}.overview-preview-modal{grid-template-rows:auto auto minmax(0,1fr);width:min(900px,92vw);height:min(860px,90vh)}.overview-view-tabs{border-bottom:1px solid var(--line);background:#f7f8f5;flex-wrap:wrap;gap:6px;padding:9px 14px;display:flex}.overview-preview-image{background-color:#eef0ed;background-image:linear-gradient(45deg,#e1e4e0 25%,#0000 25%),linear-gradient(-45deg,#e1e4e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e1e4e0 75%),linear-gradient(-45deg,#0000 75%,#e1e4e0 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;place-items:center;min-width:0;min-height:0;padding:32px;display:grid;overflow:hidden}.overview-preview-image img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.overview-empty{color:var(--muted);background:#ffffff73;border:1px dashed #aab5ae;border-radius:14px;align-content:center;place-items:center;gap:8px;display:grid}.overview-empty strong{color:var(--ink)}.analysis-modal{width:min(660px,100%)}.analysis-body{gap:18px;padding:22px;display:grid;overflow:auto}.analysis-default{background:#edf5f0;border:1px solid #c8dacf;border-radius:12px;gap:5px;padding:14px 16px;display:grid}.analysis-default span{color:#52675d;font-size:13px;line-height:1.65}.analysis-rule-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.analysis-rules{min-height:180px;line-height:1.65}.analysis-prompt{min-height:110px}.analysis-actions{justify-content:flex-end}.help-tip{z-index:3;color:#65736b;cursor:help;background:#fff;border:1px solid #9ca9a1;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:12px;font-weight:800;line-height:1;display:inline-grid;position:relative}.help-tip:after{content:attr(data-tip);z-index:50;color:#fff;pointer-events:none;opacity:0;background:#24332c;border-radius:9px;width:300px;padding:11px 13px;font-size:12px;font-weight:400;line-height:1.6;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 9px);left:0;transform:translateY(-3px);box-shadow:0 8px 24px #0003}.help-tip:hover:after,.help-tip:focus:after{opacity:1;transform:translateY(0)}.editor-panel.right .help-tip:after{left:auto;right:0}.tabs{border-bottom:1px solid var(--line);gap:5px;padding:0 16px;display:flex}.tab{background:0 0;border:0;border-bottom:2px solid #0000;padding:12px}.tab.active{border-color:var(--brand);color:var(--brand);font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:11px 12px}th{color:var(--muted);background:#f5f6f3;position:sticky;top:0}.admin-card{padding:18px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stat{padding:18px}.stat strong{margin-top:5px;font-size:28px;display:block}.stat small{margin-top:7px;line-height:1.5;display:block}.health-ok{color:#267149}.health-bad{color:var(--danger)}.empty-cell{text-align:center;color:var(--muted);padding:32px}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:48px 20px}@media (max-width:1280px){.editor-shell{grid-template-columns:230px minmax(380px,1fr) 310px}.editor-shell.inspector-closed{grid-template-columns:230px minmax(380px,1fr)}.toolbar .credit-pill{display:none}}@media (max-width:1000px){.editor-shell{grid-template-columns:220px minmax(380px,1fr)}.editor-panel.right{z-index:20;width:min(360px,90vw);position:fixed;top:70px;bottom:0;right:0;box-shadow:-8px 0 30px #00000026}.editor-shell.inspector-closed .editor-panel.right{display:none}.hero,.home-steps{grid-template-columns:1fr}.workflow-strip{grid-template-columns:1fr;display:grid}.workflow-strip>i{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.shell{padding:16px}.topbar{padding:0 12px}.topbar .credit-pill,.nav-actions>.muted,.header-password{display:none}.nav-actions{gap:5px}.nav-actions .button.small{padding:7px 8px}.hero{padding:26px}.hero-art{min-height:220px}.home-note{flex-direction:column;align-items:flex-start}.editor-shell{display:none}.mobile-editor-note{text-align:center;padding:28px 16px 42px;display:block!important}.mobile-project-preview{object-fit:contain;width:min(100%,440px);max-height:58vh;box-shadow:var(--shadow);background:#fff;border-radius:16px;margin:18px auto;display:block}.stat-grid{grid-template-columns:1fr}.upload-box{align-items:stretch}.upload-box>.input,.file-picker{width:100%;max-width:none!important}}@media (max-width:420px){.brand>span:last-child{display:none}.topbar{height:62px}.nav-actions .button.small{font-size:12px}}