:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#20232a;background:#f5f6f8;font-size:13px;--accent:#6558d9;--muted:#626773;--line:#e1e3e9;--canvas:#24262c;--left:206px;--right:286px}*{box-sizing:border-box}body{margin:16px auto;width:min(1260px,100%);box-shadow:0 8px 40px #20232a15;border:1px solid #dfe1e7;border-radius:10px;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid #d9dce5;background:#fff;border-radius:6px;min-height:32px;padding:6px 13px;cursor:pointer;font-weight:550;transition:background .14s,box-shadow .14s}button:hover:not(:disabled){background:#f0eefb;border-color:#b9b0ef}button:active:not(:disabled){transform:translateY(1px)}button:disabled{color:#9a9eaa;background:#f3f4f6;border-color:#e7e8ed;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a99eef;outline-offset:2px}.primary{color:white;background:var(--accent);border-color:var(--accent);min-width:140px}.primary:hover:not(:disabled){background:#574ac7;border-color:#574ac7}.primary:disabled{background:#d7d4ef;color:#8078b8}.app-header{height:62px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:white;padding:0 20px;gap:30px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;white-space:nowrap}.brand img{width:29px;height:29px;border-radius:7px}.brand strong{font-size:20px;letter-spacing:.3px}.brand span{color:var(--muted);font-size:11px;border:1px solid var(--line);border-radius:4px;padding:2px 5px}#workflow{font-weight:550;color:#535865}#workflow b{font-weight:400;padding:0 8px;color:#a1a5ae}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.privacy{color:#5f6a68;font-size:12px;white-space:nowrap}.privacy i{display:inline-block;width:6px;height:6px;background:#249c80;border-radius:50%;margin-right:5px}.icon-button{width:28px;height:28px;min-height:28px;padding:0;border-radius:50%;margin:0 5px}.workspace{height:min(806px,calc(100dvh - 126px));min-height:540px;display:grid;grid-template-columns:var(--left) minmax(0,1fr) var(--right)}.library{background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 16px 16px;min-height:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-heading span{font-size:12px;color:var(--muted)}h2{font-size:15px;margin:0;font-weight:650}h3{font-size:13px;margin:0 0 16px;font-weight:650}.wide{width:100%}.drop-hint{font-weight:550;line-height:1.6;margin:18px 0 22px}.drop-hint small{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:3px}#files{flex:1;min-height:0;overflow:auto;margin:0 -8px;scrollbar-width:thin}.file{width:100%;text-align:left;display:flex;gap:10px;padding:12px 9px;border:1px solid transparent;background:transparent;margin-bottom:5px;align-items:center;min-height:82px;font-weight:400}.file.selected{background:#eeebfa;border-color:#e5dff7}.file img{width:36px;height:44px;object-fit:contain;background:var(--canvas);border-radius:4px;flex:none}.file-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.file strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file small{color:var(--muted);font-size:12px}.file .state{color:#53736c}.file .state.error{color:#ae5922}.library-bottom{display:grid;gap:10px;padding-top:16px}.center{min-width:0;min-height:0;display:flex;flex-direction:column}.canvas-header{padding:19px 22px 12px;background:#f5f6f8;border-bottom:1px solid #e1e3e9;min-height:104px}.canvas-heading{display:flex;align-items:center;gap:15px;justify-content:space-between}.canvas-heading strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segments{display:flex;align-items:stretch;background:#e9eaf0;border-radius:6px;padding:2px;gap:1px;flex:none}.segments button{background:transparent;border:0;border-radius:4px;min-height:26px;padding:3px 11px;white-space:nowrap;font-weight:500;font-size:12px}.segments button.selected{background:white;box-shadow:0 1px 3px #1c203325;color:#2b2936}.segments button:hover:not(:disabled){background:#f8f7ff}.segments.full{width:100%;margin:0 0 20px}.segments.full button,.segments.grow button{flex:1}.grow{flex:1}.canvas-tools{display:flex;gap:9px;align-items:center;margin-top:12px;min-height:32px}.canvas-tools #edit{margin-left:auto}.zoom-controls{display:flex;gap:5px;align-items:center;margin-left:auto}.zoom-controls #zoom{margin:0;max-width:100px}.zoom-controls button{padding:4px 8px;white-space:nowrap}#repair-tools{flex-wrap:wrap}.scene-tools{display:flex;align-items:center;gap:16px}.scene-tools label{color:var(--muted);display:flex;align-items:center;gap:8px;font-size:12px}.stage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--canvas);display:flex;align-items:center;justify-content:center;padding:36px 28px 60px}.checker{background-color:#24262c;background-image:conic-gradient(#2b2e34 25%,transparent 0 50%,#2b2e34 0 75%,transparent 0);background-size:32px 32px}.stage.light{background:white}.stage.dark,.stage.repair,.stage.scene{background:#24262c}.empty{color:#eee;text-align:center}.empty h1{font-size:22px;font-weight:600;letter-spacing:.2px;margin:14px 0 8px}.empty p{color:#a6abb7;margin:0 0 24px}.empty-symbol{font-size:42px;color:#8c819e}.empty button{color:#ded9f7;background:#6558d92b;border-color:#7b70bc66}.stage-info{position:absolute;left:0;right:0;bottom:17px;text-align:center;color:#b5bac7;font-size:12px;pointer-events:none;padding:0 14px;line-height:1.5}.stage.light .stage-info{color:#727785}#preview{object-fit:contain;max-width:100%;max-height:100%}.inspector{background:white;border-left:1px solid var(--line);min-height:0}.inspector>div{height:100%;display:flex;flex-direction:column}.settings-scroll{overflow:auto;flex:1;padding:24px 20px 16px;scrollbar-width:thin;min-height:0}.control-section{border-bottom:1px solid var(--line);padding:22px 0}.control-section.first{padding-top:24px}.control-section>label{font-weight:550;display:block;margin-bottom:12px}textarea{width:100%;height:112px;border:1px solid #d8dbe3;border-radius:5px;padding:12px;font-size:14px;line-height:1.5;resize:vertical;min-height:80px;max-height:300px}input[type=number],select{background:white;border:1px solid #dce0e7;border-radius:5px;padding:5px 7px;min-height:29px}input[type=number]{text-align:right;width:72px;font-variant-numeric:tabular-nums}select{max-width:100%}.field-row{display:flex;align-items:center;gap:8px;margin-top:16px}.field-row label{margin-right:auto}.field-row>select{flex:1}.field-row #font{width:54px}.field-row>span{margin-right:5px}.dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dimension-fields label{display:flex;flex-direction:column;gap:10px}.dimension-fields input{width:100%;min-width:0}.muted{color:var(--muted);font-size:12px;line-height:1.65}#size-hint{margin:15px 0 16px}#dimensions{font-variant-numeric:tabular-nums;font-size:13px;margin:0 0 20px}.check{display:flex!important;align-items:center;gap:8px;margin:13px 0!important;font-weight:400!important;line-height:1.5}.check input{accent-color:var(--accent);width:15px;height:15px;margin:0}input[type=range]{accent-color:var(--accent)}#presets{margin-bottom:0}#metadata{padding-top:18px}summary{cursor:pointer;font-weight:550;min-height:28px}#patch-info{white-space:pre-line;color:var(--muted);font-size:12px;line-height:1.8}.inspector-bottom{border-top:1px solid #f1f2f5;padding:14px 20px 12px;display:grid;gap:9px}.inspector-bottom small{font-size:11px;color:var(--muted);line-height:1.5}footer{height:30px;display:flex;align-items:center;justify-content:space-between;background:white;border-top:1px solid var(--line);padding:0 16px;gap:20px;font-size:12px;color:var(--muted)}#status{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}footer button{border:0;background:transparent;font-weight:400;min-height:0;padding:0;color:#858a95;font-size:11px;white-space:nowrap}#repair-status{margin:13px 0 22px}#issue-details{margin-top:30px}#issues{width:100%}#issue-message{font-size:13px;line-height:1.8;margin:17px 0 20px;white-space:pre-line;overflow-wrap:anywhere}#issue-details>button{margin-bottom:12px}#edit-status{margin-top:22px}#legend{color:var(--muted);line-height:1.8;display:flex;align-items:center;gap:6px;font-size:11px}.red-dot,.orange-dot{width:7px;height:7px;display:inline-block;background:#f15b65;border-radius:50%}.orange-dot{background:#ffaf56;margin-left:8px}#pixel-scroll{overflow-anchor:none;position:absolute;inset:0 0 40px;overflow:auto;scrollbar-width:thin;touch-action:none}#pixel-surface{overflow:hidden;overflow-anchor:none;position:relative;min-width:100%;min-height:100%}#pixel-image{position:absolute;image-rendering:pixelated;background-color:white;background-image:conic-gradient(#ddd 25%,transparent 0 50%,#ddd 0 75%,transparent 0);background-size:16px 16px}#pixel-overlay{position:absolute;touch-action:none;cursor:crosshair}#diagnostic-log{position:absolute;inset:20px 24px 45px;margin:0;background:#f7f7fa;padding:22px;color:#343746;border-radius:6px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 ui-monospace,monospace}#drop-overlay{position:fixed;inset:12px;border:3px dashed #a89cf3;z-index:20;background:#282235e8;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;gap:16px;pointer-events:none}#drop-overlay strong{font-size:24px}dialog{border:1px solid #dddde7;border-radius:12px;padding:30px;width:min(520px,90vw);color:#252731;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#11152577;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin-bottom:24px}.dialog-close{float:right;border:0;min-height:24px;font-size:23px;padding:0 6px;color:#737987}dialog ol{padding-left:22px}dialog li{padding:0 0 9px 5px}dialog p{color:var(--muted);font-size:13px;line-height:1.75;margin:7px 0 10px}.help-note{border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted);line-height:1.8}[hidden]{display:none!important}@keyframes reveal{from{opacity:.4}to{opacity:1}}.enter{animation:reveal .2s ease-out}body.busy{cursor:progress}@media(max-width:1100px){:root{--left:174px;--right:266px}.app-header{gap:18px;padding:0 15px}.brand span,.privacy{display:none}#workflow{font-size:12px}.canvas-header{padding:16px 14px 10px}.segments button{padding:3px 8px}.settings-scroll{padding:22px 16px}.library{padding:20px 12px}.scene-tools{gap:8px}.scene-tools label{font-size:0}.scene-tools select{font-size:12px}.stage{padding:28px 20px 55px}}@media(max-width:850px){body{margin:0;border:0;border-radius:0;overflow:visible}.app-header{height:58px}#workflow{display:none}.workspace{height:auto;min-height:calc(100dvh - 88px);grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(520px,70dvh) auto}.inspector{grid-column:1/-1;border-top:1px solid var(--line);min-height:350px}.inspector>div{height:auto}.settings-scroll{overflow:visible}.settings-scroll:has(.control-section){display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.settings-scroll h2{grid-column:1/-1}.control-section.first{grid-row:2/4}.control-section{padding:20px 0}.inspector-bottom{max-width:400px;width:100%;margin-left:auto}.canvas-heading{align-items:flex-start;flex-direction:column;gap:10px}.canvas-tools{flex-wrap:wrap}.canvas-header{min-height:133px}footer{position:sticky;bottom:0;z-index:3}.header-actions{gap:6px}.brand strong{font-size:17px}.brand img{width:25px;height:25px}.primary{min-width:120px}.library-bottom button{font-size:12px;padding:7px 3px}.file{gap:7px}.file img{width:26px}.scene-tools{flex-wrap:wrap}#repair-tools .segments{width:100%}#repair-panel .settings-scroll{max-width:600px;margin:auto;width:100%}}@media(max-width:560px){:root{--left:125px}.workspace{grid-template-columns:125px minmax(0,1fr)}.library{padding:18px 8px}.section-heading{align-items:flex-start;gap:6px;flex-direction:column;margin-bottom:15px}.drop-hint{font-size:12px}.drop-hint small{font-size:10px}.file img{display:none}.app-header{gap:8px;padding:0 10px}.header-actions #help{display:none}.brand img{display:none}.header-actions{gap:4px}#batch-export{max-width:80px;font-size:11px;line-height:1.3}.primary{min-width:100px;font-size:12px;padding:5px 8px}.canvas-header{padding:14px 9px}.segments button{padding:3px 6px;font-size:11px}.canvas-heading strong{max-width:100%}.stage{padding:18px 12px 55px}.empty h1{font-size:17px}.empty p{font-size:11px;line-height:1.8}.empty-symbol{font-size:32px}.settings-scroll:has(.control-section){display:block}.inspector-bottom{max-width:none}.stage-info{font-size:10px}.canvas-tools #edit{font-size:11px;padding:4px 7px}.scene-tools label{font-size:11px}.file strong{font-size:12px}.file small{font-size:11px}footer #about{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active{transform:none!important}}