:root{--bg:#11161b;--panel:#1a2128;--panel-strong:#202830;--border:#313b45;--text:#d8e1e8;--muted:#8d9aa6;--accent:#d9a441;--accent-secondary:#e57757;--warning:#f0c96b;--shadow:0 14px 30px #0000004d;--hover-preview-width:420px;--hover-preview-max-height:360px}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:IBM Plex Mono,JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace}body.scratch-pad-open{overflow-x:clip}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}body[data-preview-size=small]{--hover-preview-width:320px;--hover-preview-max-height:260px}body[data-preview-size=large]{--hover-preview-width:560px;--hover-preview-max-height:480px}main{width:min(1180px,100vw - 1.5rem);margin:0 auto;padding:1rem 0 3rem}.utility-tab-rail{z-index:30;flex-direction:column;align-items:flex-end;gap:.7rem;display:flex;position:fixed;top:9.5rem;right:0}.history-drawer-toggle,.preferences-toggle,.scratch-pad-toggle{color:#e8c47a;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.06em;box-shadow:var(--shadow);background:linear-gradient(#d9a44121,#d9a4410a),#0f161cf5;border:1px solid #d9a4413d;border-right:0;padding:.85rem .65rem;position:relative}.history-drawer-toggle:hover,.preferences-toggle:hover,.scratch-pad-toggle:hover{background:linear-gradient(#d9a44130,#d9a44112),#131b22fc}.scratch-pad-drawer{z-index:31;width:min(640px,100vw - 2rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#d9a44114,#d9a44100 22%),linear-gradient(135deg,#e577570f,#0000 45%),#152028;border:1px solid #e5775738;grid-template-rows:auto auto auto 1fr auto;gap:.9rem;padding:1.1rem;display:grid;position:fixed;top:1rem;bottom:1rem;right:1rem}.scratch-pad-drawer[hidden]{display:none}.scratch-pad-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.scratch-pad-header h2{margin-bottom:0}.scratch-pad-close{min-width:2.1rem;min-height:2.1rem;color:var(--text);background:#0d1419eb;border:1px solid #e5775733;padding:0;font-size:1.3rem;line-height:1}.scratch-pad-close:hover{background:#182229fa}.scratch-pad-note,.scratch-pad-status{margin:0}.scratch-pad-info{background:#080e126b;border:1px solid #d9a44129;gap:.28rem;padding:.75rem .8rem;display:grid}.scratch-pad-status{color:var(--text)}.scratch-pad-meta{color:var(--muted);margin:0}.scratch-pad-input{border:1px solid var(--border);width:100%;height:100%;min-height:0;color:var(--text);resize:none;font:inherit;background:#10161c;padding:1rem;line-height:1.5}.scratch-pad-actions{flex-wrap:wrap;gap:.6rem;display:flex}.report-panel{background:#282525;border-color:#d9a44185;margin-top:1rem}.report-panel .toggle-card-summary{background:#d9a4410f}.report-panel .toggle-card-title{color:var(--accent)}.report-panel-body{gap:.9rem;display:grid}.report-form{gap:.8rem;display:grid}.report-form label{gap:.35rem;display:grid}.report-context-option{color:var(--text);grid-template-columns:auto 1fr;align-items:start;gap:.75rem;display:grid}.report-context-option[hidden]{display:none}.report-context-option input[type=checkbox]{width:1rem;height:1rem;margin:.15rem 0 0}.report-actions{gap:.75rem;display:flex}.site-footer{text-align:center;margin-top:1.25rem;padding:.5rem 0 0}.site-footer p{color:var(--muted);margin:0;font-size:.92rem}.hero,.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:0}.hero{text-align:center;background:linear-gradient(180deg, #080b0e47, #080b0e00 7rem), linear-gradient(135deg, #d9a4411a, transparent 30%), linear-gradient(225deg, #e5775714, transparent 34%), var(--panel);padding:1.6rem}.hero h1,.panel h2{margin:0 0 .8rem;font-size:1rem}.hero p,.panel p,.panel li{color:var(--muted);line-height:1.55}.history-drawer{z-index:31;width:min(680px,100vw - 2rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;background:linear-gradient(#d9a44114,#d9a44100 22%),linear-gradient(135deg,#e577570d,#0000 45%),#151f27;border:1px solid #d9a44138;grid-template-rows:auto auto auto auto 1fr;gap:.9rem;padding:1.1rem;display:grid;position:fixed;top:1rem;bottom:1rem;right:1rem;overflow-y:auto}.history-drawer[hidden]{display:none}.history-drawer-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.history-drawer-header h2{margin-bottom:0}.history-drawer-close{min-width:2.1rem;min-height:2.1rem;color:var(--text);background:#0d1419eb;border:1px solid #d9a44138;padding:0;font-size:1.3rem;line-height:1}.history-drawer-close:hover{background:#182229fa}.history-drawer-note{margin:0}.preferences-drawer{z-index:31;width:min(760px,100vw - 2rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;background:linear-gradient(#e5775714,#e5775700 22%),linear-gradient(135deg,#d9a4410d,#0000 45%),#17212a;border:1px solid #e5775738;grid-template-rows:auto auto auto 1fr;gap:.9rem;padding:1.1rem;display:grid;position:fixed;top:1rem;bottom:1rem;right:1rem;overflow-y:auto}.preferences-drawer[hidden]{display:none}.preferences-drawer-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.preferences-drawer-header h2{margin-bottom:0}.preferences-close{min-width:2.1rem;min-height:2.1rem;color:var(--text);background:#0d1419eb;border:1px solid #e5775738;padding:0;font-size:1.3rem;line-height:1}.preferences-close:hover{background:#182229fa}.field-label{color:var(--text);margin-bottom:.25rem;font-weight:700;display:block}.hero-mark{justify-items:center;gap:.25rem;margin-bottom:.65rem;display:grid}.hero-brand{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.9rem;padding:0;display:inline-flex}.hero-brand:hover .hero-icon-tile,.hero-brand:focus-visible .hero-icon-tile{border-color:#e5775766;box-shadow:inset 0 0 0 1px #d9a4411f,0 0 0 1px #e5775724}.hero-brand:focus-visible{outline-offset:.35rem;outline:1px solid #e5775780}.hero-icon-tile{background:linear-gradient(#d9a4411a,#d9a44108),#0a0e128c;border:1px solid #d9a4414d;justify-content:center;align-items:center;width:clamp(3rem,6vw,4.1rem);height:clamp(3rem,6vw,4.1rem);padding:.42rem;display:inline-flex;box-shadow:inset 0 0 0 1px #e5775714}.hero-icon{flex:none;width:100%;height:100%;display:block}.hero-wordmark{letter-spacing:.04em;text-shadow:0 0 #0000;color:var(--accent);text-transform:none;align-items:baseline;font-family:Noto Sans Mono,IBM Plex Mono,JetBrains Mono,monospace;font-size:clamp(1.9rem,6vw,3.5rem);line-height:.98;display:inline-flex}@media (max-width:640px){.hero-brand{gap:.65rem}}@media (max-width:900px){.utility-tab-rail{top:1rem}.scratch-pad-toggle,.scratch-pad-drawer{display:none}}.hero h1,.panel h2,.section-heading h2,.orange,.blue,.green{letter-spacing:.022em;font-family:Noto Sans Mono,IBM Plex Mono,JetBrains Mono,monospace}.blue{color:var(--accent)}.green{color:var(--accent-secondary)}.orange{color:var(--accent)}.entry-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}.entry-grid-three{grid-template-columns:1fr}.layout{grid-template-columns:280px 1fr;align-items:start;gap:1rem;margin-top:1rem;display:grid}.stack,.view-stack{gap:1rem;margin-top:1rem;display:grid}.nav-panel{position:sticky;top:1rem}.panel{padding:1rem}.entry-panel{min-height:240px;padding:0;transition:border-color .14s,background-color .14s,box-shadow .14s}.entry-panel-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem .8rem;list-style:none;display:flex;position:relative}.entry-panel-summary::-webkit-details-marker{display:none}.entry-panel-summary h2{text-shadow:0 0 12px #d9a44129;margin:0}.entry-panel-summary:after{content:"";background:linear-gradient(90deg,#e577571f,#d9a44138 30% 70%,#e577571f);height:1px;position:absolute;bottom:0;left:2.5%;right:2.5%}.entry-panel-body{padding:.4rem 1rem 1rem}.entry-panel-body>:first-child{margin-top:0}.entry-panel-body>:last-child{margin-bottom:0}.entry-toggle:not([open]){min-height:0}.entry-toggle:not([open]) .entry-panel-body,.entry-toggle .toggle-open{display:none}.entry-toggle[open] .toggle-open{display:inline}.entry-toggle[open] .toggle-closed{display:none}.entry-grid[data-active-mode=remote] #entry-panel-remote,.entry-grid[data-active-mode=local] #dropzone,.entry-grid[data-active-mode=batch] #entry-panel-batch{border-color:#e577577a;box-shadow:inset 0 0 0 1px #e5775724}form,.file-block{gap:.8rem;display:grid}input[type=url],input[type=text],input[type=file],input[type=number],input[type=search],select,textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#1f1d1d;border-radius:0;padding:.85rem .95rem}textarea{resize:vertical;min-height:9rem}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}button{color:#252323;cursor:pointer;font:inherit;background:#dadcdc;border:1px solid #7d7d7d;border-radius:0;padding:.85rem 1.1rem}button:hover{background:#f0f0f0}.dropzone-panel{transition:border-color .12s,background-color .12s}.dropzone-active{border-color:var(--accent);background:#1d2730}.dropzone-copy{text-align:center;border:1px dashed var(--border);min-height:120px;color:var(--muted);place-items:center;padding:1rem;display:grid}.dropzone-copy strong{color:var(--text);margin-bottom:.4rem;display:block}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}.local-tool-grid{grid-template-columns:1fr;align-items:start;gap:1rem}.local-preview-card{grid-column:1/-1}.local-preview-frame{aspect-ratio:auto;place-items:center;width:100%;min-height:0;max-height:70vh;display:grid;overflow:auto}.local-preview-frame .preview-image{width:auto;max-width:100%;height:auto;max-height:70vh;margin:0 auto;display:block}.local-preview-frame .preview-image-landscape{width:100%;max-width:100%;max-height:70vh}.local-preview-frame .preview-image-portrait{width:auto;max-width:100%;max-height:70vh}.local-preview-frame .local-video-preview{object-fit:contain;background:#000;width:100%;max-width:100%;height:auto;max-height:70vh;display:block}.local-preview-frame.preview-frame-full{place-items:start center;max-height:70vh;overflow:auto}.local-preview-frame.preview-frame-full .preview-image{max-width:none;max-height:none}.preview-frame-full{aspect-ratio:auto;place-items:start;min-height:0;max-height:none;overflow:auto}.preview-frame-full .preview-image{object-fit:unset;width:auto;max-width:none;height:auto;max-height:none}.feature-spotlight-list{gap:0;display:grid}.feature-spotlight{border-top:1px solid var(--border);padding:1rem 0}.feature-spotlight:first-child{border-top:0;padding-top:0}.feature-spotlight:last-child{padding-bottom:0}.feature-spotlight p{color:var(--muted);margin:0;line-height:1.5}.feature-tag{color:var(--accent);letter-spacing:.02em;text-transform:uppercase;vertical-align:baseline;background:#d9a44114;border:1px solid #d9a44159;margin-right:.6rem;padding:.14rem .42rem;font-family:Noto Sans Mono,IBM Plex Mono,JetBrains Mono,monospace;font-size:.82rem;display:inline-block}.feature-spotlight code{background:#262424;margin:0 .15rem;padding:.1rem .35rem;display:inline-block}.preferences-grid{gap:1rem;margin-top:.9rem;display:grid}.preferences-section{border:1px solid var(--border);background:var(--panel-strong);gap:.8rem;padding:1rem;display:grid}.preferences-section h3{color:var(--text);letter-spacing:.02em;margin:0;font-size:.95rem}.preferences-section>.muted{margin:-.2rem 0 0}.preferences-actions{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;display:flex}.reverse-stack{gap:.9rem;display:grid}.result-card{border:1px solid var(--border);background:var(--panel-strong);border-radius:0;min-width:0;padding:1rem}.toggle-card{padding:0}.sub-toggle-card{background:#282525;border-color:#d9a44185;margin-top:1rem}.sub-toggle-card .toggle-card-summary{background:#d9a4410f}.toggle-card-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;list-style:none;display:flex}.toggle-card-summary::-webkit-details-marker{display:none}.toggle-card-title{color:var(--text);font-weight:700}.toggle-card-action{color:var(--accent);white-space:nowrap;font-size:.9rem}.toggle-card-body{border-top:1px solid var(--border);padding:0 1rem 1rem}.animation-frame-summary{margin:0 0 .9rem}.animation-frame-summary p{margin:0}.animation-frame-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.animation-frame-card{background:#080e1257;border:1px solid #d9a4412e;gap:.65rem;padding:.8rem;display:grid}.animation-frame-meta{color:var(--muted);gap:.2rem;display:grid}.animation-frame-meta strong{color:var(--text)}.animation-frame-thumb-link{background:#0003;border:1px solid #ffffff14;display:block}.animation-frame-thumb{object-fit:contain;width:100%;max-height:220px;display:block}.animation-frame-actions{justify-content:flex-start}.metadata-type-badge{color:var(--accent);letter-spacing:.08em;vertical-align:middle;background:#d9a44117;border:1px solid #d9a44142;margin-left:.55rem;padding:.05rem .4rem;font-size:.72rem;display:inline-block}.toggle-card .toggle-open{display:none}details.toggle-card[open]>.toggle-card-summary .toggle-open{display:inline}details.toggle-card[open]>.toggle-card-summary .toggle-closed{display:none}.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.history-count-label{color:var(--muted);align-items:center;gap:.5rem;margin-bottom:0;display:inline-flex}.compact-actions{margin-top:.45rem}.compact-actions button,.compact-actions .button-link{padding:.55rem .8rem}.history-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}#history-copy-list,#history-download-list,#history-open-gallery,#history-clear{padding:.45rem .85rem}#history-count{width:68px;padding:.45rem .55rem}.group-block{border:1px solid var(--border);background:#202830}.group-header{border-bottom:1px solid var(--border);cursor:pointer;background:#182028;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem .8rem;list-style:none;display:flex}.group-header::-webkit-details-marker{display:none}.group-header-text{gap:.35rem;display:grid}.group-title{color:var(--warning);margin:0;font-size:1rem}.group-description{margin:0}.group-grid{align-items:start;padding:.9rem}.group-toggle{color:var(--accent);white-space:nowrap;font-size:.9rem}.toggle-open,details.group-block:not([open]) .group-grid{display:none}details.group-block[open] .toggle-open{display:inline}details.group-block[open] .toggle-closed{display:none}.result-card h3{margin:0 0 .6rem;font-size:1rem}.local-section-header{border-bottom:1px solid var(--border);background:#d9a4410a;margin:-1rem -1rem .9rem;padding:1rem 1rem .9rem}.local-section-header h3{margin:0}.local-section-header p{margin:.45rem 0 0}.local-section-toggle{padding:0}.local-section-summary{border-bottom:1px solid var(--border);background:#d9a4410a;margin:0;padding:1rem 1rem .9rem}.local-section-summary .toggle-card-title{color:var(--text);margin:0;font-size:1rem}.result-card p{margin:.35rem 0}.result-card a{color:var(--accent);border-bottom:1px dashed;text-decoration:none}.result-card code,.mini-note code{white-space:pre-wrap;word-break:break-word;background:#262424;border-radius:0;margin-top:.5rem;padding:.55rem .65rem;display:block}.mini-note code{margin:0 .2rem;padding:.1rem .35rem;display:inline-block}#hash-example{color:inherit;text-decoration:none}.preview-frame{border:1px solid var(--border);aspect-ratio:16/10;background:#201e1e;border-radius:0;place-items:center;margin-top:.7rem;display:grid;overflow:hidden}.remote-preview-frame{aspect-ratio:auto;place-items:center;width:100%;min-width:0;min-height:0;max-height:520px;display:grid;overflow:auto}.preview-toggle-surface{cursor:zoom-in}.preview-toggle-surface.preview-frame-full{cursor:zoom-out}.remote-preview-frame .preview-image{width:auto;max-width:100%;height:auto;max-height:520px;margin:0 auto;display:block}.remote-preview-frame.preview-frame-full .preview-image{width:auto;max-width:100%;height:auto;max-height:none;margin:0;display:block}.remote-preview-frame.preview-frame-full{place-items:start;max-height:520px;display:block;overflow:auto}.remote-preview-frame.preview-frame-full.preview-frame-full-centered{place-items:start center;display:grid}.remote-preview-frame.preview-frame-full.preview-frame-full-centered .preview-image{margin:0 auto}.remote-video-frame{aspect-ratio:16/9;max-height:none;overflow:hidden}.remote-video-frame iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.preview-frame-alpha{background-color:#151b20;background-image:linear-gradient(45deg,#ffffff0f 25%,#0000 25% 75%,#ffffff0f 75%),linear-gradient(45deg,#ffffff0f 25%,#0000 25% 75%,#ffffff0f 75%),none;background-position:0 0,10px 10px;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.preview-image{object-fit:contain;width:100%;height:100%;display:block}.preview-fallback{text-align:center;color:var(--muted);gap:.5rem;padding:1rem;display:grid}.preview-fallback strong{color:var(--text)}.qr-result+.qr-result{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.9rem}.preview-context-card code{margin-top:.8rem}.preview-primary-card{box-shadow:none;background:0 0;border:0;padding:0}.preview-primary-card h3,.preview-primary-card p{padding:0}.preview-primary-card .preview-actions{margin-top:.8rem}.derived-gallery-actions{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.derived-gallery-actions[hidden]{display:none}.preview-stack{gap:.8rem;display:grid}.derived-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-top:.9rem;display:grid}.derived-gallery-card[hidden]{display:none}.derived-gallery-card{border:1px solid var(--border);background:var(--panel-strong);color:inherit;gap:.55rem;padding:.85rem;text-decoration:none;display:grid;position:relative;overflow:visible}.derived-gallery-card:hover{border-color:var(--accent);background:#343030}.derived-gallery-card:first-child{border-color:var(--accent);box-shadow:inset 0 0 0 1px #d9a44147}.derived-gallery-index{color:var(--accent);font-size:.95rem}.derived-gallery-frame{aspect-ratio:1;margin-top:0}.derived-gallery-card code{margin-top:0;font-size:.8rem}.derived-gallery-preview-popover{z-index:6;width:min(var(--hover-preview-width), 92vw);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#10161cf5;border:1px solid #d9a44159;padding:.55rem;transition:opacity .12s,transform .12s;display:none;position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(-50%)translateY(-6px)}.derived-gallery-card.preview-popover-above .derived-gallery-preview-popover{top:auto;bottom:calc(100% + .45rem);transform:translate(-50%)translateY(6px)}.derived-gallery-preview-popover-image{width:auto;max-width:100%;height:auto;max-height:var(--hover-preview-max-height);object-fit:contain;margin:0 auto;display:block}.pill-row{gap:.45rem;display:grid}.swatch-row,.palette-list{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.color-summary{gap:.35rem;margin-top:.7rem;display:grid}.color-group{gap:.45rem;display:grid}.color-group+.color-group{border-top:1px solid var(--border);padding-top:.8rem}.color-group h4{color:var(--text);letter-spacing:.01em;margin:0;font-size:.95rem}.inline-color-summary{border-top:1px solid var(--border);padding-top:.9rem}.inline-color-summary .swatch-row{gap:.8rem;margin-top:0}.inline-color-summary .palette-list{margin-top:0}.palette-list{grid-template-columns:1fr;gap:.5rem;margin-top:.9rem;display:grid}.compact-palette-list{flex-wrap:wrap;align-items:flex-start;gap:.7rem 1rem;display:flex}.chan-archive-hints{background:0 0;border:0;margin:.7rem 0 0;padding:0}.chan-archive-hints p{margin:0 0 .45rem}.chan-archive-link-list{flex-wrap:wrap;gap:.55rem;display:flex}.chan-archive-link{border:1px solid var(--border);color:var(--accent);background:#161d23;align-items:center;padding:.32rem .58rem;text-decoration:none;display:inline-flex}.chan-archive-link:hover{border-color:var(--accent);background:#1b2630}.swatch-block{grid-template-columns:44px 1fr;align-items:center;gap:.7rem;display:grid}.compact-swatch-block{grid-template-columns:44px auto;min-width:120px}.hash-fact-list{margin:0}.hash-fact-list .metadata-row{grid-template-columns:220px minmax(0,1fr);align-items:start}.hash-fact-list .metadata-row dd{align-items:start;gap:.8rem;width:100%;min-width:0;display:flex}.hash-fact-list .metadata-row dd>:first-child{flex:auto;min-width:0}.hash-fact-list .metadata-row dd>code:first-child,.hash-fact-list .metadata-row dd>.hash-value-inline:first-child{flex:0 auto}.hash-fact-list .metadata-row code{width:auto;max-width:100%;margin-top:0;display:inline-block}.hash-fact-list .metadata-row button{text-align:center;flex:none;align-self:start;min-width:176px;margin-left:auto;padding:.4rem .65rem}.hash-value-inline{align-items:center;gap:.45rem;min-width:0;max-width:100%;display:flex}.hash-derived-block{border-top:1px solid var(--border);background:#0c121847;gap:.55rem;margin-top:.95rem;padding:.95rem .85rem .85rem;display:grid}.swatch{border:1px solid #ffffff2e;border-radius:0;width:44px;height:44px}.swatch-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.swatch-link:hover .swatch{border-color:var(--accent);box-shadow:0 0 0 1px #d9a4412e}.color-route-panel{min-height:280px}.color-route-layout{align-items:start;gap:1.2rem;display:grid}.color-route-swatch-wrap{justify-content:flex-start;display:flex}.color-route-swatch{aspect-ratio:1;background:gray;border:1px solid #ffffff2e;width:min(280px,60vw)}.color-route-copy{gap:.8rem;display:grid}.color-route-copy h2,.color-route-facts{margin:0}@media (min-width:820px){.color-route-layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}}.swatch-label,.muted,.mini-note{color:var(--muted)}.history-grid{grid-template-columns:1fr;gap:.8rem;display:grid}.history-card{border:1px solid var(--border);background:var(--panel-strong);min-height:100%;position:relative}.history-open{text-align:left;width:100%;color:var(--text);background:0 0;border:0;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:.8rem;padding:.75rem;display:grid}.history-open:hover{background:#373232}.history-thumb{border:1px solid var(--border);aspect-ratio:1;background:#201e1e;place-items:center;width:72px;display:grid;overflow:hidden}.history-image{object-fit:cover;width:100%;height:100%;display:block}.history-fallback{text-align:center;color:var(--muted);place-items:center;gap:.2rem;padding:.35rem;font-size:.72rem;line-height:1.2;display:grid}.history-fallback strong{color:var(--text);font-size:.76rem}.history-copy{gap:.2rem;min-width:0;padding-right:1.4rem;display:grid}.history-copy strong,.history-copy span{overflow-wrap:anywhere}.history-host{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.history-copy strong{font-size:.92rem;line-height:1.2}.history-copy .muted{font-size:.82rem;line-height:1.2}.local-controls{gap:.8rem;margin:.8rem 0;display:grid}.local-preview-card p,.local-tool-grid .result-card>p:first-of-type{margin-bottom:.8rem}.preview-actions{margin:0 0 .8rem}.local-controls label{gap:.45rem;display:grid}.local-controls label:not(.checkbox-row)>span{color:var(--text);letter-spacing:.01em;font-weight:700}.dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.preferences-subgrid{gap:.8rem;display:grid}.preferences-display-grid,.preferences-export-grid,.preferences-watermark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preferences-slideshow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.local-controls label.checkbox-row{color:var(--text);grid-template-columns:auto 1fr;align-items:center;gap:.75rem;min-height:2rem;padding:.15rem 0;display:grid}.local-controls label.checkbox-row input[type=checkbox]{place-self:center start;width:1rem;height:1rem;margin:0}.local-controls label.checkbox-row span{letter-spacing:.01em;align-items:center;min-height:1.2rem;font-weight:700;display:inline-flex}.export-subtool{margin-top:.35rem}.export-subtool .toggle-card-body{padding-top:.85rem}.subtool-fields{border:0;min-inline-size:0;margin:0;padding:0}.subtool-fields:disabled{opacity:.62}.export-dropzone-copy{min-height:88px}.export-dropzone-copy span{display:block}.dropzone-disabled{opacity:.55}.local-controls select,.local-controls input[type=range],.local-textarea{width:100%;font:inherit}.local-controls select,.local-textarea{border:1px solid var(--border);color:var(--text);background:#1f1d1d;border-radius:0;padding:.75rem .85rem}.local-actions{flex-wrap:wrap;gap:.6rem;margin:.8rem 0;display:flex}.local-actions button,.button-link{justify-content:center;align-items:center;min-height:42px;display:inline-flex}.button-link{color:#252323;background:#dadcdc;border:1px solid #7d7d7d;margin-top:.8rem;padding:.75rem 1rem;text-decoration:none}.button-link:hover{background:#f0f0f0}.button-link-disabled{opacity:.55;pointer-events:none}.local-textarea{resize:vertical;min-height:180px}.mini-stat-list{gap:.45rem;margin-top:.8rem;display:grid}.batch-toolbar{flex-wrap:wrap;gap:.7rem;margin:.85rem 0 1rem;display:flex}.batch-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:start;gap:.8rem;margin-top:1rem;display:grid;position:relative}.batch-slideshow-frame{aspect-ratio:auto;min-height:280px;max-height:70vh;margin-top:.85rem;overflow:hidden}.batch-slideshow-image{object-fit:contain;opacity:1;width:100%;height:100%;transition:opacity .35s}.batch-slideshow-image.batch-slideshow-transitioning{opacity:0}.batch-slideshow-overlay{z-index:40;background:#0a0e12f0;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.batch-slideshow-overlay[hidden]{display:none}.batch-slideshow-overlay-inner{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;justify-items:center;gap:.85rem;width:min(96vw,1400px);height:min(92vh,1000px);display:grid}.batch-slideshow-overlay-image{object-fit:contain;opacity:1;width:100%;max-width:100%;height:100%;max-height:100%;transition:opacity .35s;display:block}.batch-slideshow-overlay-image.batch-slideshow-transitioning{opacity:0}.batch-slideshow-overlay-status{color:#dfe8ee;text-align:center;margin:0}.batch-slideshow-close{color:#eef6fb;background:#00000059;border:1px solid #d8e1e847;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;padding:0;font-size:1.4rem;line-height:1;display:inline-flex;position:absolute;top:1rem;right:1rem}.batch-slideshow-close:hover{background:#0000008c}.batch-card{border:1px solid var(--border);background:var(--panel-strong);min-width:0;padding:.75rem;position:relative}.batch-card-draggable{cursor:grab}.batch-card-dragging{opacity:.45;cursor:grabbing}.batch-card[data-batch-status=ok]{border-color:#e5775761}.batch-card[data-batch-source=local]{border-color:#d9a441b3;box-shadow:inset 0 0 0 1px #d9a4411f}.batch-card-controls{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.55rem;display:flex}.batch-card-control-group{align-items:center;gap:.45rem;display:inline-flex}.batch-card-spacer{width:2rem;height:1.7rem}.batch-card-drag-indicator{border:1px solid var(--border);color:var(--muted);cursor:grab;background:#161d23;border-radius:0;justify-content:center;align-items:center;padding:0 .25rem;font-size:1rem;line-height:1;display:inline-flex}.batch-card-drag-indicator:hover{color:#eef6fb;background:#222b34}.batch-card-dragging .batch-card-drag-indicator{cursor:grabbing}.batch-card-badge{color:#f0d7a3;text-transform:uppercase;letter-spacing:.05em;background:#d9a4411a;border:1px solid #d9a4418c;justify-content:center;align-items:center;min-height:1.25rem;padding:0 .45rem;font-size:.72rem;line-height:1;display:inline-flex}.batch-card-link{color:inherit;justify-items:stretch;gap:.6rem;min-width:0;text-decoration:none;display:grid;position:relative}.batch-card-frame{aspect-ratio:1;justify-self:stretch;place-items:center;width:100%;max-width:100%;height:170px;min-height:0;max-height:none;margin-top:0;display:grid;position:relative;overflow:hidden}.batch-card-image{object-fit:contain;object-position:center;width:100%;height:100%;max-height:100%}.batch-card-remove{border:1px solid var(--border);width:1.25rem;height:1.25rem;min-height:0;color:var(--muted);background:#161d23;justify-content:center;align-items:center;padding:0;font-size:.92rem;line-height:1;display:inline-flex}.batch-card-remove:hover{color:#eef6fb;background:#222b34}.batch-card-drop-before:before,.batch-card-drop-after:after{content:"";background:var(--accent);pointer-events:none;border-radius:999px;width:4px;position:absolute;top:.55rem;bottom:.55rem}.batch-card-drop-before:before{left:-.45rem}.batch-card-drop-after:after{right:-.45rem}.batch-card-preview-popover{width:min(var(--hover-preview-width), calc(100vw - 3rem));max-height:calc(var(--hover-preview-max-height) + 40px);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:15;background:#11161bf5;border:1px solid #d9a44159;place-items:center;padding:.55rem;transition:opacity .12s,transform .12s;display:none;position:absolute;top:calc(100% + .8rem);left:50%;transform:translate(-50%)translateY(-.25rem)}.batch-card.preview-popover-above .batch-card-preview-popover{top:auto;bottom:calc(100% + .8rem);transform:translate(-50%)translateY(.25rem)}.batch-local-dropzone{color:var(--text);background:#d9a4410f;border:1px dashed #d9a4418c;gap:.35rem;margin-top:.8rem;padding:1rem;display:grid}.batch-local-dropzone span{color:var(--muted)}.batch-local-dropzone.batch-local-dropzone-active{background:#d9a4411f;border-color:#d9a441e6}.batch-card-preview-popover-image{width:auto;max-width:100%;height:auto;max-height:var(--hover-preview-max-height);object-fit:contain;display:block}body.modifier-preview-active .batch-card.preview-popover-active .batch-card-preview-popover,body.modifier-preview-active .derived-gallery-card.preview-popover-active .derived-gallery-preview-popover{opacity:1;display:grid;transform:translate(-50%)translateY(0)}.button-feedback-success{color:#eef6fb;background:#e5775724;border-color:#e577577a}.button-feedback-fail{color:#eef6fb;background:#ff7a7a2e;border-color:#ff7a7a8c}.stat-row{color:var(--muted);justify-content:space-between;gap:1rem;display:flex}.stat-row strong{color:var(--text)}.export-fact-list{margin-top:.2rem}.export-fact-list dt,.export-fact-list dd,.local-controls strong{font-weight:700}.export-fact-list .metadata-row{align-items:start}.export-fact-list .metadata-row dd{line-height:1.2}.export-preview-frame{aspect-ratio:auto;min-height:0;margin-top:.8rem}.export-preview-frame .preview-image{width:100%;max-width:100%;height:auto;max-height:none;margin:0 auto;display:block}.tooltip-chip{border:1px solid var(--accent);width:18px;height:18px;color:var(--accent);cursor:help;justify-content:center;align-items:center;margin-left:.35rem;font-size:.8rem;line-height:1;display:inline-flex}.tooltip-chip:hover{background:#d9a4411f}.data-uri-warning{border:1px solid var(--border);background:#262222;margin-top:.8rem;padding:.85rem}.metadata-action-notes{border:1px solid var(--border);background:#262222;margin:.8rem 0 1rem;padding:.85rem}.qr-result+.qr-result{margin-top:.9rem}.metadata-action-notes.compact-notes,.metadata-action-notes p:first-child{margin-top:0}.metadata-action-notes p:last-child{margin-bottom:0}.data-uri-warning p:first-child{margin-top:0}.metadata-section+.metadata-section{margin-top:1rem}.generation-resources{gap:.45rem;margin-top:.85rem;display:grid}.generation-chip-list{flex-wrap:wrap;gap:.55rem;display:flex}.generation-chip{background:linear-gradient(#d9a44114,#d9a44108),#0b11168f;border:1px solid #d9a44147;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.4rem .55rem;display:inline-flex}.generation-chip[data-civitai-enriched=true]{width:100%;display:flex}.generation-chip span{color:var(--text);font-weight:700}.generation-chip-thumb-wrap{flex:none;display:inline-flex;position:relative}.generation-chip-thumb-wrap[hidden]{display:none}.generation-chip-thumb{object-fit:cover;background:#0a0f14b8;border:1px solid #d9a44147;width:2.3rem;height:2.3rem}.generation-chip-preview-popover{width:min(var(--hover-preview-width), calc(100vw - 3rem));max-height:calc(var(--hover-preview-max-height) + 40px);opacity:0;pointer-events:none;z-index:8;background:#080c10f0;border:1px solid #d9a4414d;padding:.45rem;transition:opacity .14s;position:absolute;bottom:calc(100% + .55rem);left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000073}.generation-chip-thumb-wrap:hover .generation-chip-preview-popover,.generation-chip-thumb-wrap:focus-within .generation-chip-preview-popover{opacity:1}.generation-chip-preview-popover-image{width:100%;max-height:var(--hover-preview-max-height);object-fit:contain;background:#0a0f14b8;display:block}.generation-chip-name{color:var(--text)}.generation-chip-detail{background:#0d1318b8;border:1px solid #9ca7b538;padding:.12rem .45rem;font-size:.86rem;line-height:1.2;color:var(--muted)!important;font-weight:600!important}.generation-chip-extra{background:#261c0e7a;border:1px solid #d9a4412e;padding:.12rem .45rem;font-size:.82rem;line-height:1.2;color:var(--muted)!important;font-weight:600!important}.generation-chip-status{background:#0d13188f;border:1px solid #9ca7b538;padding:.12rem .45rem;font-size:.82rem;line-height:1.2;color:var(--muted)!important;font-weight:600!important}.generation-chip-loading{width:1rem;height:1rem;color:var(--accent);opacity:.9;justify-content:center;align-items:center;display:inline-flex}.generation-chip-loading svg{width:1rem;height:1rem;animation:.9s linear infinite generation-chip-spin}.generation-chip-loading circle{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:18 12}@keyframes generation-chip-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generation-block{gap:.4rem;margin-top:.85rem;display:grid}.generation-pre{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;background:#0a0f14b8;border:1px solid #e5775733;margin:0;padding:.75rem .85rem;line-height:1.45}.metadata-section h4{color:var(--text);letter-spacing:.01em;margin:0 0 .45rem;font-size:.95rem}.metadata-list{gap:.55rem;margin:0;display:grid}.metadata-fact-list{margin:0}.generation-summary-facts{border-top:1px solid #d9a44129;margin-top:1.35rem;padding-top:.55rem}.metadata-fact-list .metadata-row{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:.7rem;padding:.12rem 0}.metadata-fact-list .metadata-row dt:after{content:":"}.metadata-fact-list .metadata-row dd{text-align:left;align-items:center;gap:.35rem;margin:0;line-height:1.2;display:flex}.fact-list{gap:.35rem;margin:0;display:grid}.fact-list .metadata-row{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:.7rem;padding:.12rem 0}.fact-list .metadata-row dt:after{content:":"}.fact-list .metadata-row dd{text-align:left;align-items:center;gap:.35rem;margin:0;display:flex}.file-name-signal{color:var(--accent);background:#d9a44117;border:1px solid #d9a44142;align-items:center;padding:.12rem .45rem;font-size:.78rem;line-height:1.2;display:inline-flex}.fact-list .metadata-row dt,.fact-list .metadata-row dd{line-height:1.2}.metadata-row{gap:.2rem;display:grid}.metadata-row dt{color:var(--text);font-weight:700}.metadata-row dd{color:var(--muted);overflow-wrap:anywhere;margin:0}.metadata-notes{color:var(--muted);margin:0;padding-left:1.1rem}.metadata-warning{background:#d9a44114;border:1px solid #d9a44173;margin-bottom:.9rem;padding:.8rem .9rem}.metadata-warning strong{color:var(--warning);margin-bottom:.45rem;display:block}.metadata-warning .metadata-notes{color:var(--text)}.metadata-map{background:#0c121873;border:1px solid #d9a4413d;margin-top:.9rem;padding:.7rem}.metadata-map-frame{border:1px solid var(--border);background:#10161b;width:100%;height:260px;display:block}.metadata-map-links{flex-wrap:wrap;gap:.9rem;margin-top:.65rem;display:flex}.benchmark-table-wrap{margin-top:.8rem;overflow:auto}.benchmark-table{border-collapse:collapse;width:100%;min-width:760px}.benchmark-table th,.benchmark-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.55rem .65rem}.benchmark-table th{color:var(--text);background:#262222}.benchmark-table td{color:var(--muted)}.benchmark-thumb-wrap{width:72px;height:72px;position:relative}.benchmark-thumb{object-fit:cover;border:1px solid var(--border);background:#1f1d1d;width:72px;height:72px;display:block}.benchmark-hover{border:1px solid var(--border);box-shadow:var(--shadow);z-index:5;background:#262222;padding:.5rem;display:none;position:absolute;top:0;left:calc(100% + .75rem)}.benchmark-thumb-wrap:hover .benchmark-hover{display:block}.benchmark-hover-image{width:auto;max-width:280px;height:auto;max-height:280px;display:block}.history-remove{border:1px solid var(--accent);width:28px;height:28px;color:var(--accent);z-index:1;background:0 0;padding:0;position:absolute;top:.35rem;right:.35rem}.history-remove:hover{background:#d9a4411a}.view-stack[hidden]{display:none}@media (max-width:900px){.entry-grid,.layout,.local-tool-grid{grid-template-columns:1fr}.nav-panel{position:static}.dimension-grid,.preferences-slideshow-grid,.preferences-display-grid,.preferences-export-grid,.preferences-watermark-grid{grid-template-columns:1fr}}@media (max-width:720px){main{width:min(1180px,100vw - 1rem);padding:.85rem 0 2rem}.hero{padding:1.15rem 1rem}.hero-mark{margin-bottom:.55rem}.hero-brand{flex-direction:column;gap:.45rem}.hero-wordmark{letter-spacing:.02em;font-size:clamp(1.5rem,11vw,2.35rem);line-height:1}.section-heading,.history-actions,.batch-toolbar,.local-actions{flex-direction:column;align-items:stretch}.history-actions,.history-actions>*,.batch-toolbar>*,.local-actions>*,#history-count{width:100%}.history-lookup-target{display:none}.preferences-actions button,.report-actions button,.local-actions button,.batch-toolbar button,.button-link{width:100%}.entry-panel-summary,.toggle-card-summary,.group-header{padding:.95rem .9rem}.entry-panel-body,.toggle-card-body,.group-grid{padding-left:.9rem;padding-right:.9rem}.history-open{grid-template-columns:60px minmax(0,1fr)}.history-thumb{width:60px}.derived-gallery-grid,.batch-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}