:root{--bg:#f3f2f2;--panel:#eae9e9;--panel2:#f8f4f4;--panel3:#eae7e7;--line:color-mix(in srgb, #201e1d 40%, transparent);--line-soft:color-mix(in srgb, #201e1d 16%, transparent);--text:#201e1d;--muted:#605d5d;--faint:#9b9797;--accent:#ec3013;--accent-soft:#dd2b0f;--accent-ink:#f8f4f4;--accent2:#ef6853;--warn:#ae1800;--good:#2f7d4f;--radius:0px;--radius-sm:0px;--shadow-1:0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);--shadow-2:0 20px 48px -18px color-mix(in srgb, #2d2b2b 22%, transparent);--serif:"Archivo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--sans:"Archivo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scrollbar-color:var(--faint) var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:20px;padding:14px 26px;border-bottom:2px solid var(--line);background:var(--bg)}.brandblock{display:flex;align-items:center;gap:12px;min-width:0}.brandlogo{height:38px;width:auto;flex:0 0 auto}.brandtext{line-height:1.2}header h1{margin:0;font-family:var(--sans);font-size:19px;font-weight:800;letter-spacing:-.01em}header .tabbar{margin:0 auto}.tabbar{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.tabbar .btn{position:relative;overflow:hidden;z-index:0;border:none;background:transparent;color:var(--muted);border-radius:0;padding:10px 16px;font-size:12px;font-weight:800;letter-spacing:.02em;border-bottom:3px solid transparent;transition:color .18s var(--ease),border-color .18s var(--ease)}.tabbar .btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:color-mix(in srgb,var(--accent) 8%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.tabbar .btn:hover{color:var(--text)}.tabbar .btn:hover:before{transform:scaleX(1)}.tabbar .btn.active{background:transparent;color:var(--accent);border-bottom-color:var(--accent);box-shadow:none}.workspace-link{font-size:12px;font-weight:700;color:var(--accent);text-decoration:none;border:none;border-radius:0;padding:8px 4px;white-space:nowrap;background:none;position:relative;display:inline-flex;align-items:center;gap:6px}.workspace-link svg{transition:transform .2s var(--ease)}.workspace-link:hover svg{transform:translate(3px)}.workspace-link.back:hover svg{transform:translate(-3px)}.workspace-link:after{content:"";position:absolute;left:4px;right:4px;bottom:4px;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .25s var(--ease)}.workspace-link:hover:after{transform:scaleX(1);transform-origin:left}.layout{display:grid;grid-template-columns:280px 1fr 320px;gap:0;padding:0;align-items:stretch;border-top:2px solid var(--line);border-bottom:2px solid var(--line)}@media (max-width:1150px){.layout{grid-template-columns:1fr}}.panel{background:transparent;border:0;border-right:2px solid var(--line);border-radius:0;padding:24px;box-shadow:none}.panel:last-child{border-right:0}main.panel{background:var(--panel)}@media (max-width:1150px){.panel{border-right:0;border-bottom:2px solid var(--line)}}h2{margin:0 0 16px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:800}label.field{display:block;font-size:12px;color:var(--muted);margin-bottom:13px}label.field span.val{color:var(--text);font-weight:700;float:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:11px}input[type=range]{width:100%;accent-color:var(--accent);height:24px}input[type=number],input[type=text],select{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:0;padding:9px 11px;font-size:13px;width:100%;font-family:var(--sans);transition:border-color .15s var(--ease),outline-offset .15s var(--ease)}input[type=number]:focus,input[type=text]:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}:where(button,select,input,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:0;padding:9px 13px;font-size:12.5px;font-weight:700;font-family:var(--sans);transition:border-color .18s var(--ease),background .18s var(--ease),transform .12s var(--ease),box-shadow .18s var(--ease)}.btn svg{display:block;flex:0 0 auto}.btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.btn:active{transform:translateY(1px)}.btn.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:800}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:800;border:1px solid var(--accent);box-shadow:var(--shadow-1)}.btn.primary:hover{background:var(--accent-soft);border-color:var(--accent-soft);box-shadow:var(--shadow-2);transform:translateY(-1px)}.btn.primary:active{transform:translateY(1px);box-shadow:none}.btn[style*="width:100%"],.btn.block{justify-content:flex-start;text-align:left}.btn.danger{background:transparent;border-color:var(--warn);color:var(--warn)}.btn.danger:hover{background:var(--warn);color:#fff}.row{display:flex;gap:8px;flex-wrap:wrap}.row>.btn{flex:1;min-width:0}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}#sourceWrap{position:relative;width:100%;max-width:340px;aspect-ratio:1;height:auto;border:1px solid var(--line);border-radius:0;overflow:hidden;background:var(--panel3);margin:0 auto 12px;display:flex;align-items:center;justify-content:center}#sourceStage{position:relative}#sourceCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}#selOverlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.handle{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;background:var(--accent);border:2px solid var(--bg);border-radius:50%;pointer-events:none;cursor:pointer;touch-action:none;box-shadow:var(--shadow-1)}@media (pointer:coarse){.handle{width:24px;height:24px;margin:-12px 0 0 -12px}}.rectHandle{border-radius:0}.selBox{pointer-events:none}#selOverlay.pan-mode .handle,#selOverlay.pan-mode .selBox{pointer-events:auto}.dropzone{border:1.5px dashed var(--line);border-radius:0;padding:20px 14px;text-align:center;font-size:12px;color:var(--muted);margin-bottom:10px;cursor:pointer;background:var(--panel2);transition:border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease)}.dropzone:hover,.dropzone.drag{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.samples{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.samples img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:0;border:2px solid var(--line);cursor:pointer;transition:border-color .15s var(--ease),transform .15s var(--ease)}.samples img:hover{border-color:var(--accent);transform:scale(1.04)}#previewWrap{width:100%;max-width:min(100%,62vh);aspect-ratio:1;background:var(--panel3);border:1px solid var(--line);border-radius:0;overflow:hidden;position:relative;margin:0 auto}#previewCanvas{width:100%;height:100%;display:block}.warnBanner{position:absolute;left:10px;right:10px;top:10px;background:var(--warn);color:#fff;font-size:11.5px;padding:7px 10px;border-radius:0;display:none;font-weight:700}.viewToggle{display:flex;gap:6px;margin-bottom:10px}.repeatRow{display:flex;gap:12px;margin-top:10px}.repeatRow label{flex:1}.hint{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.6}.angleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.angleGrid .btn{padding:9px 3px;font-size:11.5px}.orderTag{font-size:11.5px;margin-top:6px;color:var(--muted)}.orderTag.bad{color:var(--warn)}.orderTag.good{color:var(--good)}.paletteRow{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11.5px}.paletteRow input[type=color]{width:28px;height:24px;padding:0;border:1px solid var(--line);border-radius:0;background:none}.paletteRow .swatch{width:16px;height:16px;border-radius:0;border:1px solid var(--line)}.slot{display:flex;align-items:center;gap:6px;margin-bottom:6px}.slot .label{flex:1;font-size:11.5px;color:var(--muted)}.slot .btn{padding:5px 9px}.divider{border:none;border-top:2px solid var(--line);margin:16px 0}footer{padding:10px 18px;color:var(--muted);font-size:11px}.status{font-size:11.5px;margin-top:8px;min-height:15px}.seoBlock{background:var(--panel2);border:1px solid var(--line);border-radius:0;padding:10px;margin-top:10px}.pubfolder{display:flex;flex-direction:column;gap:6px}.pubfolder .pf-name{font-size:12px;font-weight:800;color:var(--accent);margin:8px 0 2px;font-family:var(--serif)}.pubfolder .pf-name:first-child{margin-top:0}.pubfolder .pf-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted);padding:4px 0 4px 12px;border-left:1px solid var(--line)}.pubfolder .pf-row .pf-thumb{width:34px;height:34px;object-fit:cover;border-radius:0;border:1px solid var(--line);flex:0 0 auto;background:var(--panel3)}.pubfolder .pf-row .pf-kind{flex:0 0 auto;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);border:1px solid var(--line);border-radius:0;padding:1px 8px}.pubfolder .pf-row .pf-file{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:10.5px;color:var(--text)}.pubfolder .pf-row .btn{flex:0 0 auto;padding:4px 10px;font-size:10.5px}.pubfolder-empty{font-size:11.5px;color:var(--faint)}body.pub-open .layout{display:none}.pf-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted);padding:6px 10px 6px 14px;border-top:1px solid var(--line-soft)}.pf-row .pf-thumb{width:34px;height:34px;object-fit:cover;border-radius:0;border:1px solid var(--line);flex:0 0 auto;background:var(--panel3)}.pf-row .pf-kind{flex:0 0 auto;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);border:1px solid var(--line);border-radius:0;padding:1px 8px}.pf-row .pf-file{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:10.5px;color:var(--text)}.pf-row .btn{flex:0 0 auto;padding:4px 10px;font-size:10.5px}.pub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px;background:var(--line);border:2px solid var(--line)}.pub-card{background:var(--bg);overflow:hidden;transition:background .2s var(--ease)}.pub-card-head{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}.pf-folder-ic{display:inline-flex;vertical-align:-3px;margin-right:6px;color:var(--muted)}.pf-head-actions{display:flex;gap:6px;flex:0 0 auto;margin-left:auto}.icon-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.pf-del-folder-btn{margin-left:auto;flex:0 0 auto}.pub-cover{width:52px;height:52px;object-fit:cover;border-radius:0;border:1px solid var(--line);flex:0 0 auto;background:var(--panel3)}.pub-card-meta{min-width:0;flex:1 1 auto}.pub-card-meta b{display:flex;align-items:center;font-family:var(--serif);font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-card-meta span{font-size:11px;color:var(--muted)}.pub-card-list{display:none;max-height:420px;overflow-y:auto;padding:14px;border-top:2px solid var(--line)}.pub-card.open .pub-card-list{display:block}.pub-card.open .pub-card-head{background:var(--panel2)}.pf-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;flex-wrap:wrap}.pf-bulk-bar .pf-bulk-count{font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pf-bulk-bar .row{display:flex;gap:8px}.pf-thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.pf-cell{position:relative;background:var(--panel2);border:1px solid var(--line-soft);border-radius:0;padding:8px;display:flex;flex-direction:column;gap:6px}.pf-sel-check{position:absolute;top:12px;right:12px;z-index:2;width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.pf-kind-badge{position:absolute;top:12px;left:12px;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:color-mix(in srgb,#201e1d 70%,transparent);border-radius:0;padding:2px 7px;z-index:1}.pf-thumb-lg{width:100%;aspect-ratio:1;object-fit:cover;border-radius:0;background:var(--panel3);display:block}.pf-cap{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono)}.pf-actions{display:flex;gap:5px}.pf-actions .btn.icon-btn{flex:1;width:auto}.pf-actions .btn{flex:1;padding:5px 0;font-size:13px;line-height:1}.pf-listing-form{display:none;padding:12px 14px 14px;border-top:2px solid var(--line);background:var(--panel2)}.pf-listing-form.open{display:block}.pf-listing-form label.field{margin-bottom:10px}.pf-listing-form textarea{background:var(--panel3);border:1px solid var(--line);color:var(--text);border-radius:0;padding:9px 11px;font-size:13px;width:100%;font-family:var(--sans);resize:vertical}.pf-listing-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:2px}.mk-tpl-card .pub-card-head{cursor:pointer}.mk-tpl-card.sel-pattern,.mk-pattern-card.sel-pattern{box-shadow:inset 0 0 0 2px var(--accent)}#mkGalleryView{padding:4px 2px}#mkPatternGalleryGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mk-pattern-card .pub-card-head{padding:8px;gap:8px}.mk-pattern-card .pub-cover{width:44px;height:44px}.mk-pattern-card .pub-card-meta b{font-size:12.5px}.mk-pattern-card .pub-card-meta span{font-size:10.5px}#mkTplGalleryGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.mk-tpl-card{display:flex;flex-direction:column}.mk-tpl-card .pub-card-head{flex-direction:column;align-items:stretch;gap:0;padding:0}.mk-tpl-card .pub-cover{width:100%;height:220px;object-fit:cover;border-radius:0;border:0;border-bottom:2px solid var(--line)}.mk-tpl-card .pub-card-meta{padding:12px 14px 10px}.mk-tpl-card .pub-card-meta b{font-size:15px;font-family:var(--serif)}.mk-tpl-card .pub-card-meta span{font-size:11.5px}.mk-tpl-card-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 12px}.mk-tpl-card-actions .btn{flex:1;min-width:80px}.mk-tpl-card-status{padding:0 14px 12px;margin:0;min-height:0}.pub-subfolder{border-top:2px solid var(--line)}.pub-subfolder-head{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--panel2)}.pub-subfolder-head b{font-size:11.5px}.pub-subfolder-head span{font-size:10.5px;color:var(--muted);margin-right:auto}.pub-subfolder-head .btn{padding:4px 10px;font-size:10.5px}.pub-subfolder-rows{display:flex;flex-direction:column}#pubLightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,#201e1d 55%,transparent)}#pubLightbox.open{display:flex;animation:scrimIn .18s var(--ease)}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}.lightbox-card{background:var(--bg);border-radius:0;overflow:hidden;max-width:min(90vw,900px);max-height:90vh;box-shadow:var(--shadow-2);display:flex;flex-direction:column;animation:lbIn .22s var(--ease)}@keyframes lbIn{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}.lightbox-card img{max-width:100%;max-height:72vh;object-fit:contain;display:block;background:repeating-conic-gradient(var(--panel3) 0% 25%,var(--panel2) 0% 50%) 0 0/16px 16px}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:11.5px;color:var(--muted);font-family:var(--mono);border-top:2px solid var(--line)}.seoBlock h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:800}.seoItem{margin-bottom:9px}.seoItem:last-child{margin-bottom:0}.seoItemHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.seoItemHead span{font-size:10.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.seoItemHead .btn{padding:3px 9px;font-size:10.5px}.seoText{background:var(--panel2);border:1px solid var(--line);border-radius:0;padding:8px 10px;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--text)}body.mk-open .layout{display:none}.mk-workspace{padding:22px}.mk-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0;align-items:start;max-width:1600px;margin:0 auto;border-top:2px solid var(--line)}@media (max-width:1000px){.mk-grid{grid-template-columns:1fr}}.mk-stage{position:sticky;top:88px;padding:24px 24px 24px 0}@media (max-width:1000px){.mk-stage{position:static;padding:24px 0}}.mk-stage-frame{display:flex;align-items:center;justify-content:center;min-height:52vh;padding:32px;border:2px solid var(--line);border-radius:0;background:var(--panel3)}#mkCanvas{max-width:100%;max-height:72vh;width:auto;height:auto;display:block;border-radius:0;box-shadow:var(--shadow-2)}.mk-stage .status{margin:12px 2px 0}.mk-controls{display:flex;flex-direction:column;gap:0;max-height:calc(100vh - 110px);overflow-y:auto;border-left:2px solid var(--line);padding:24px 0 24px 24px}@media (max-width:1000px){.mk-controls{max-height:none;border-left:0;border-top:2px solid var(--line)}}.mk-group{background:transparent;border:0;border-top:2px solid var(--line);border-radius:0;padding:18px 0;box-shadow:none}.mk-group:first-child{border-top:0;padding-top:0}.mk-group h3{margin:0 0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:800}.mk-group .hint{color:var(--faint)}.snaps-block{margin-top:14px;border-top:2px solid var(--line-soft);padding-top:12px}.snaps-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:800;margin-bottom:10px}.snaps-head .btn{flex:0 0 auto;padding:5px 10px;font-size:11px}.snap-strip{display:flex;gap:8px;flex-wrap:wrap}.snap-strip-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;margin-bottom:6px;-webkit-overflow-scrolling:touch}.snap-strip-row .snap-cell{flex:0 0 auto}.snap-strip-row:empty:after{content:"No snaps yet — click “+ Save Snap” to store the current preview.";font-size:11.5px;color:var(--faint);white-space:nowrap}.snap-empty{margin:0;font-size:11.5px;color:var(--faint)}.snap-cell{position:relative;width:66px;cursor:pointer;border:1px solid var(--line);border-radius:0;padding:4px;background:var(--panel2);transition:border-color .15s var(--ease),transform .15s var(--ease)}.snap-cell:hover{border-color:var(--accent);transform:translateY(-2px)}.snap-cell.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.snap-cell img{display:block;width:100%;height:48px;object-fit:contain;border-radius:0;background:repeating-conic-gradient(var(--panel3) 0% 25%,var(--panel2) 0% 50%) 0 0/12px 12px}.snap-cap{display:block;font-size:9.5px;color:var(--muted);text-align:center;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snap-cell.sel .snap-cap{color:var(--accent);font-weight:800}.snap-del{position:absolute;top:-6px;right:-6px;width:17px;height:17px;line-height:14px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--muted);font-size:11px;transition:transform .15s var(--ease)}.snap-del:hover{color:var(--warn);border-color:var(--warn);transform:scale(1.15)}.hint.tip{display:none}.hint.tip.open{display:block;background:var(--panel2);border:1px solid var(--line-soft);border-radius:0;padding:10px 12px;margin-top:8px}.info-dot{width:18px;height:18px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--faint);font-size:10.5px;font-weight:800;line-height:16px;vertical-align:middle;margin:0 0 8px;transition:color .15s var(--ease),border-color .15s var(--ease)}.info-dot:hover{color:var(--accent);border-color:var(--accent)}.info-dot.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}body.ml-open .layout{display:none}#mlCanvas{max-width:100%;max-height:72vh;width:auto;height:auto;display:block;border-radius:0;background:repeating-conic-gradient(var(--panel3) 0% 25%,var(--panel2) 0% 50%) 0 0/16px 16px;box-shadow:var(--shadow-2)}.ml-card{border:1px solid var(--line);border-radius:0;padding:11px;margin-top:10px;background:var(--panel2)}.ml-card-top{position:relative;display:flex;align-items:center;gap:9px;margin-bottom:7px}.ml-card-top img{width:36px;height:36px;object-fit:contain;border-radius:0;background:repeating-conic-gradient(var(--panel3) 0% 25%,var(--panel2) 0% 50%) 0 0/10px 10px}.ml-name{flex:1;font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-card-top .snap-del{position:static;flex:0 0 auto}.ml-card .field{margin-bottom:8px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:0;background:var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6.5px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);box-shadow:var(--shadow-1);transition:transform .15s var(--ease)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-track{height:3px;border-radius:0;background:var(--line)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);box-shadow:var(--shadow-1)}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;vertical-align:-2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--faint);border-radius:0;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.status{font-size:11.5px;color:var(--muted);min-height:15px}.status.ok{color:var(--good)}.status.err{color:var(--warn)}.mk-stage .status,.ml-card+.status{display:inline-block;padding:4px 10px;border-radius:0;background:var(--panel2);border:1px solid var(--line-soft)}.viewToggle{display:inline-flex;gap:0;border:1px solid var(--line)}.viewToggle .btn{border:none;background:transparent;border-radius:0;padding:6px 14px}.viewToggle .btn+.btn{border-left:1px solid var(--line)}.viewToggle .btn.active{background:var(--accent);color:var(--accent-ink)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:24px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 14px) 55%,calc(100% - 10px) 55%;background-size:4px 4px;background-repeat:no-repeat}#mlBgColor{border:1px solid var(--line);border-radius:0;background:var(--panel2);cursor:pointer}@keyframes paneIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tabpane{animation:paneIn .28s var(--ease)}@media (prefers-reduced-motion:reduce){.tabpane{animation:none}}.design-section{margin-top:16px}.design-section:first-of-type{margin-top:18px}.panel .mk-group{background:transparent}.mk-group.diag{background:var(--panel2);border-top:0;padding:16px}.diag-live{float:right;font-size:9.5px;letter-spacing:.1em;color:var(--good);border:1px solid color-mix(in srgb,var(--good) 40%,transparent);border-radius:0;padding:2px 9px;text-transform:uppercase;font-family:var(--mono)}.diag-score{display:flex;gap:16px;align-items:center;margin-bottom:14px}.diag-ring{width:78px;height:78px;flex:0 0 auto;transform:rotate(-90deg)}.diag-ring-bg{fill:none;stroke:var(--panel3);stroke-width:6}.diag-ring-arc{fill:none;stroke:var(--good);stroke-width:6;stroke-linecap:round;stroke-dasharray:0 170;transition:stroke-dasharray .5s ease,stroke .3s}.diag-num{font-size:23px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;font-family:var(--mono)}.badge{display:inline-block;font-size:10.5px;font-weight:800;border-radius:0;padding:3px 10px;border:1px solid var(--line);color:var(--muted);margin:4px 0}.badge.b-ok{color:var(--good);border-color:color-mix(in srgb,var(--good) 50%,transparent);background:color-mix(in srgb,var(--good) 8%,transparent)}.badge.b-mid{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.badge.b-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,transparent);background:color-mix(in srgb,var(--warn) 8%,transparent)}.diag-note{margin:3px 0 0;font-size:11px;color:var(--faint);line-height:1.45}.role-row{display:grid;grid-template-columns:8px 1fr auto auto;gap:5px 8px;align-items:center;font-size:11.5px;margin-bottom:10px}.role-row .dot{width:8px;height:8px;border-radius:50%}.role-name{color:var(--text);font-weight:700}.role-val{font-weight:800;font-variant-numeric:tabular-nums;font-family:var(--mono)}.role-val.off{color:var(--warn)}.role-tgt{color:var(--faint);font-size:10.5px}.role-bar{grid-column:1 / -1;height:5px;border-radius:0;background:var(--panel3);overflow:hidden}.role-bar i{display:block;height:100%;border-radius:0;transition:width .4s ease}.diag-checks{border-top:2px solid var(--line-soft);padding-top:12px;margin-top:2px}.check{display:flex;gap:10px;margin-bottom:10px;font-size:11.5px}.check .ck{flex:0 0 auto;width:17px;height:17px;border-radius:50%;text-align:center;line-height:17px;font-size:10px;font-weight:800;font-style:normal}.check .ck.ok{background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good)}.check .ck.warn{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}.check b{display:block;font-weight:700;color:var(--text)}.check span{color:var(--faint);font-size:11px;line-height:1.45}.ground-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}.ground-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-weight:800;margin-right:2px}.ground-swatch{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);cursor:pointer;padding:0;transition:transform .15s var(--ease),border-color .15s var(--ease)}.ground-swatch:hover{transform:scale(1.15);border-color:var(--accent)}.ground-swatch.sel{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--accent)}.ground-swatch.none{background:linear-gradient(to top left,transparent 46%,var(--warn) 47%,var(--warn) 53%,transparent 54%),repeating-conic-gradient(var(--panel3) 0% 25%,var(--panel2) 0% 50%) 0 0/8px 8px}footer.statusbar{display:flex;gap:22px;align-items:center;padding:10px 22px;margin-top:12px;border-top:2px solid var(--line);font-size:10.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em;background:var(--bg)}.statusbar .st{display:flex;align-items:center;gap:7px}.statusbar .right{margin-left:auto}.statusbar .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.statusbar .dot.ok{background:var(--good)}.stage-lbl{align-self:center;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding:0 10px 0 12px;white-space:nowrap}.stage-sep{width:2px;align-self:stretch;margin:5px 4px;background:var(--line)}.mk-group>h3{cursor:pointer;-webkit-user-select:none;user-select:none}.mk-group .caret{display:inline-block;width:0;height:0;margin-right:8px;vertical-align:1px;border-left:4px solid currentColor;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;transition:transform .2s var(--ease)}.mk-group.collapsed .caret{transform:rotate(0)}.mk-group:not(.collapsed) .caret{transform:rotate(90deg)}.mk-group.collapsed>*:not(h3){display:none!important}.mk-group.collapsed>h3{margin-bottom:0}#shortcutSheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,#201e1d 50%,transparent)}#shortcutSheet[hidden]{display:none}.sheet-card{background:var(--bg);border:2px solid var(--line);border-radius:0;padding:24px 26px;min-width:300px;box-shadow:var(--shadow-2)}.sheet-card h3{margin:0 0 14px;font-family:var(--serif);font-size:16px;font-weight:800;color:var(--accent)}.sheet-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 16px;font-size:12.5px}.sheet-card dt{font-weight:800;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:0;padding:2px 8px;text-align:center;font-variant-numeric:tabular-nums;font-family:var(--mono)}.sheet-card dd{margin:0;color:var(--muted);align-self:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--faint);padding:44px 24px}.empty-state svg{width:160px;color:var(--accent);opacity:.9}.empty-state b{font-family:var(--serif);color:var(--text);font-size:17px}.empty-state span{font-size:12.5px;max-width:300px;line-height:1.6}.empty-state .btn{margin-top:8px}.empty-state.mini{flex-direction:row;padding:12px 8px 16px;text-align:left;gap:14px}.empty-state.mini svg{width:100px;flex:0 0 auto}body.ap-open .layout{display:none}.ap-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ap-stage-row{display:flex;gap:14px;align-items:flex-start}.ap-gallery-col{flex:0 0 216px;display:flex;flex-direction:column;gap:14px;max-height:74vh;overflow-y:auto}.ap-gallery-col .mk-group{margin:0;border-top:0;padding:0}.ap-gallery-col .ap-gallery{grid-template-columns:repeat(2,1fr)}.ap-gallery-col .diag-score{gap:10px;margin-bottom:10px}.ap-gallery-col .diag-ring{width:52px;height:52px;flex:0 0 auto}.ap-gallery-col .diag-num{font-size:17px}.ap-gallery-col .diag-note,.ap-gallery-col .diag-checks .check span{display:none}.ap-gallery-col .diag-checks .check{margin-bottom:6px}.ap-card{border:1px solid var(--line);border-radius:0;padding:5px;cursor:pointer;background:var(--panel2);transition:border-color .15s var(--ease),transform .15s var(--ease)}.ap-card:hover{border-color:var(--accent);transform:translateY(-2px)}.ap-card.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ap-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:0;background:repeating-conic-gradient(var(--panel3) 0% 25%,var(--panel2) 0% 50%) 0 0/12px 12px}.ap-score{display:block;font-size:9.5px;color:var(--muted);text-align:center;margin-top:4px;font-weight:700}#apCanvas{max-width:100%;max-height:72vh;width:auto;height:auto;display:block;border-radius:0;box-shadow:var(--shadow-2)}