@font-face{font-family:Geist;src:url(fonts/geist.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}:root{--font-ui: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--r-sm: 6px;--r-md: 9px;--r-lg: 12px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 15px;--fs-xl: 20px;--ease: cubic-bezier(.2, .7, .2, 1);--dur: .14s;color-scheme:dark;--bg: #0a0f18;--stage: #060a11;--panel: #0e1522;--raised: #141e30;--raised-2: #1b2840;--line: #1d2a40;--line-strong: #2b3e5e;--text: #e8f1f8;--text-2: #b4c4d8;--muted: #7d91ab;--faint: #556882;--accent: #10d9a0;--accent-strong: #38f5be;--accent-2: #38bdf8;--accent-ink: #031710;--accent-soft: rgba(16, 217, 160, .15);--ok: #22e39a;--warn: #f5b942;--danger: #f26464;--checker-a: #0c121d;--checker-b: #131c2c;--shadow-pop: 0 14px 36px rgba(0, 4, 12, .58), 0 0 0 1px var(--line-strong);--focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}:root[data-theme=light]{color-scheme:light;--bg: #f2f6fb;--stage: #e6edf5;--panel: #ffffff;--raised: #edf2f8;--raised-2: #e1e9f2;--line: #d8e2ee;--line-strong: #c2d0e0;--text: #0f172a;--text-2: #334155;--muted: #5b6e87;--faint: #899bb3;--accent: #0b9e75;--accent-strong: #088763;--accent-2: #0284c7;--accent-ink: #ffffff;--accent-soft: rgba(11, 158, 117, .12);--ok: #138a56;--warn: #b7791f;--danger: #d13838;--checker-a: #dde6f0;--checker-b: #eef3f9;--shadow-pop: 0 12px 32px rgba(15, 23, 42, .14), 0 0 0 1px var(--line-strong)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){color-scheme:light;--bg: #f2f6fb;--stage: #e6edf5;--panel: #ffffff;--raised: #edf2f8;--raised-2: #e1e9f2;--line: #d8e2ee;--line-strong: #c2d0e0;--text: #0f172a;--text-2: #334155;--muted: #5b6e87;--faint: #899bb3;--accent: #0b9e75;--accent-strong: #088763;--accent-2: #0284c7;--accent-ink: #ffffff;--accent-soft: rgba(11, 158, 117, .12);--ok: #138a56;--warn: #b7791f;--danger: #d13838;--checker-a: #dde6f0;--checker-b: #eef3f9;--shadow-pop: 0 12px 32px rgba(15, 23, 42, .14), 0 0 0 1px var(--line-strong)}}@media(prefers-reduced-motion:reduce){:root{--dur: 0ms}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.itp,.itp *{box-sizing:border-box}.itp [hidden],.itp[hidden]{display:none!important}.itp{color:var(--text);font:400 var(--fs-md)/1.45 var(--font-ui);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}.itp-app{position:relative;height:100%;min-height:0;display:grid;grid-template-rows:50px minmax(0,1fr);grid-template-columns:48px var(--lib-w, 276px) minmax(0,1fr) var(--insp-w, 332px);grid-template-areas:"top top top top" "rail lib stage insp";background:var(--bg);overflow:hidden}.itp-app[data-lib=closed]{--lib-w: 0px}.itp-app[data-insp=closed]{--insp-w: 0px}.itp button,.itp input,.itp select,.itp textarea{font:inherit;color:inherit}.itp :focus{outline:none}.itp :focus-visible{box-shadow:var(--focus);border-radius:var(--r-sm)}.itp .num,.itp output{font-variant-numeric:tabular-nums}.itp .mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:-.01em}.itp .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.itp svg.i{width:16px;height:16px;max-width:none;flex:none;stroke:currentColor;fill:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.itp svg.pf-emblem{width:24px;height:24px;flex:none;display:block}.itp .muted{color:var(--muted)}.itp hr{border:0;border-top:1px solid var(--line);margin:0}.itp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 10px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-2);cursor:pointer;white-space:nowrap;user-select:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.itp-btn:hover{background:var(--raised);color:var(--text)}.itp-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 42%,transparent)}.itp-btn:disabled{opacity:.38;cursor:default;background:transparent}.itp-btn.icon{width:30px;padding:0}.itp-btn.outline{border-color:var(--line-strong);color:var(--text);background:color-mix(in srgb,var(--raised) 40%,transparent)}.itp-btn.outline:hover{border-color:var(--faint);background:var(--raised)}.itp-btn.primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,var(--accent-2)));color:var(--accent-ink);font-weight:620;padding:0 13px;box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 24%,transparent)}.itp-btn.primary:hover{filter:brightness(1.07);color:var(--accent-ink)}.itp-btn.small{height:26px;font-size:var(--fs-sm);padding:0 8px}.itp-btn.small.icon{width:26px;padding:0}.itp-btn.block{width:100%}.itp-btn.danger:hover{color:var(--danger)}.itp-link{background:none;border:0;padding:0;color:var(--muted);cursor:pointer;font-size:var(--fs-sm);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.itp-link:hover{color:var(--text);text-decoration-color:currentColor}.itp kbd{font:500 10.5px/1 var(--font-mono);padding:3px 5px;border-radius:4px;border:1px solid var(--line-strong);color:var(--muted);background:var(--raised)}.itp-top{grid-area:top;display:flex;align-items:center;gap:6px;padding:0 12px 0 8px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--raised) 65%,var(--panel)),var(--panel));min-width:0;z-index:15}.itp-brand{display:flex;align-items:center;gap:8px;padding:0 8px 0 5px;height:34px;border-radius:var(--r-sm);color:var(--text);text-decoration:none;font-weight:700;letter-spacing:-.02em}.itp-brand:hover{background:var(--raised)}.pf-studio-tag{font:700 9px/1 var(--font-mono);letter-spacing:.09em;padding:3px 5px;border-radius:4px;background:linear-gradient(90deg,var(--accent-soft),color-mix(in srgb,var(--accent-2) 15%,transparent));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent)}.itp-top .sep{width:1px;height:18px;background:var(--line);margin:0 4px;flex:none}.itp-file{display:flex;align-items:center;gap:6px;min-width:0;padding:3px 8px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--bg) 65%,transparent);border:1px solid var(--line);color:var(--text-2)}.itp-file .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:22ch;cursor:text;font-weight:500;color:var(--text)}.itp-file .name:hover{color:var(--accent)}.itp-file .name[hidden]{display:none}.itp-name-input{height:22px;min-width:0;max-width:32ch;padding:0 5px;border:1px solid var(--accent);border-radius:4px;background:var(--bg);color:var(--text);font:inherit;outline:none}.itp-file .meta{color:var(--faint);font-size:var(--fs-xs);white-space:nowrap}.itp-top .spacer{flex:1}.itp-zoom{min-width:62px;justify-content:space-between}.itp-top .contents{display:contents}.pf-viewmodes{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:var(--r-md);background:var(--bg);border:1px solid var(--line-strong)}.pf-vm-btn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:var(--fs-xs);font-weight:550;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.pf-vm-btn:hover{color:var(--text);background:var(--raised)}.pf-vm-btn[aria-pressed=true]{background:var(--raised-2);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent)}.pf-vm-axis{width:24px;padding:0;justify-content:center;border-left:1px solid var(--line);border-radius:0 6px 6px 0;color:var(--accent-2)}.pf-rail{grid-area:rail;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:3px;background:color-mix(in srgb,var(--panel) 88%,var(--bg));border-right:1px solid var(--line);z-index:12;user-select:none}.pf-rail-sep{width:24px;height:1px;background:var(--line);margin:5px 0;flex:none}.pf-rail-spacer{flex:1}.pf-rail-btn{position:relative;width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.pf-rail-btn svg.i{width:17px;height:17px}.pf-rail-btn:hover{background:var(--raised);color:var(--text)}.pf-rail-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.pf-rail-btn.drawer-tab[aria-pressed=true]{background:var(--raised-2);color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2) 45%,transparent)}.pf-rail-badge{position:absolute;top:3px;right:3px;min-width:13px;height:13px;padding:0 3px;border-radius:7px;background:var(--accent-2);color:#02131f;font:700 9px/13px var(--font-mono);text-align:center}.pf-rail-color{width:28px;height:28px;border-radius:7px;border:2px solid var(--line-strong);cursor:pointer;padding:0;overflow:hidden;box-shadow:0 2px 8px #00000059;position:relative}.pf-rail-color input[type=color]{position:absolute;inset:-6px;width:40px;height:40px;opacity:0;cursor:pointer;border:0;padding:0}.pf-rail-bsize{width:32px;height:22px;border-radius:5px;border:1px solid var(--line);background:var(--bg);color:var(--text-2);font:600 10px/1 var(--font-mono);cursor:pointer}.pf-rail-bsize:hover{border-color:var(--accent);color:var(--accent)}.itp-lib,.itp-insp{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--panel);overflow:hidden}.itp-lib{grid-area:lib;border-right:1px solid var(--line);container-type:inline-size}.itp-insp{grid-area:insp;border-left:1px solid var(--line)}.itp-app[data-lib=closed] .itp-lib,.itp-app[data-insp=closed] .itp-insp{border:0;visibility:hidden}.itp-panel-head{display:flex;align-items:center;gap:8px;padding:10px 12px 8px}.itp-panel-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.itp-seg{display:inline-flex;padding:2px;gap:2px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);width:100%}.itp-seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:27px;padding:0 7px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--muted);cursor:pointer;font-size:var(--fs-sm);font-weight:500;white-space:nowrap}.itp-seg button:hover{color:var(--text)}.itp-seg button[aria-selected=true],.itp-seg button[aria-pressed=true]{background:var(--raised-2);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 36%,var(--line-strong))}.itp-seg .count{color:var(--accent-2);font-variant-numeric:tabular-nums;font-size:11px}.itp-seg button span{overflow:hidden;text-overflow:ellipsis}.itp-seg button svg{flex:none}.itp-search{position:relative;margin:0 12px 8px}.itp-search svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--faint)}.itp-input,.itp-search input,.itp-select{width:100%;height:30px;padding:0 9px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--text);transition:border-color var(--dur) var(--ease)}.itp-search input{padding-left:30px}.itp-input:hover,.itp-select:hover,.itp-search input:hover{border-color:var(--line-strong)}.itp-input:focus-visible,.itp-select:focus-visible,.itp-search input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.itp-select{appearance:none;padding-right:26px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237d91ab' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.itp-select option,.itp-select optgroup{background:var(--panel);color:var(--text)}.itp textarea.itp-input{height:auto;padding:7px 9px;resize:vertical;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.5}.itp-group{padding:12px 12px 6px;font-size:10.5px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);display:flex;align-items:center;justify-content:space-between}.pf-drawer-actions{padding:2px 12px 8px;display:flex;gap:6px;flex-wrap:wrap}.pf-drawer-actions>.itp-btn{flex:1}.itp-files{list-style:none;margin:0;padding:0 8px 6px;display:flex;flex-direction:column;gap:2px}.itp-file-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px;border-radius:var(--r-md);cursor:pointer;color:var(--text-2);border:1px solid transparent}.itp-file-row:hover{background:var(--raised);color:var(--text)}.itp-file-row[aria-current=true]{background:var(--raised-2);color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.itp-file-row .thumb{width:38px;height:38px;border-radius:6px;object-fit:cover;image-rendering:pixelated;background:var(--raised-2);border:1px solid var(--line)}.itp-file-row .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.itp-file-row .sub{font-size:var(--fs-xs);color:var(--faint);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.itp-file-row .actions{display:flex;gap:0}.itp-file-row .actions .itp-btn{opacity:0}.itp-file-row:hover .actions .itp-btn,.itp-file-row:focus-within .actions .itp-btn,.itp-file-row[aria-current=true] .actions .itp-btn{opacity:1}.itp-own{display:inline-flex;align-items:center;gap:3px;color:var(--accent);font-size:var(--fs-xs)}.itp-own svg.i{width:11px;height:11px}.itp-badge{display:inline-flex;align-items:center;height:18px;min-width:18px;padding:0 6px;border-radius:9px;font-size:10px;font-weight:650;background:var(--raised-2);color:var(--muted);justify-content:center}.pf-lib-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 12px 10px}.pf-lib-sample{display:flex;flex-direction:column;padding:0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);overflow:hidden;cursor:pointer;text-align:left;color:var(--text-2);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.pf-lib-sample:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.pf-lib-sample img{width:100%;height:58px;object-fit:cover;display:block;background:var(--raised)}.pf-sample-info{padding:5px 7px;display:flex;flex-direction:column;gap:1px;min-width:0}.pf-sample-info .n{font-size:11px;font-weight:550;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-sample-info .s{font-size:9.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-cat-pills{display:flex;flex-wrap:wrap;gap:4px;padding:0 12px 6px}.pf-cat-pill{height:22px;padding:0 8px;border-radius:11px;border:1px solid var(--line);background:var(--bg);color:var(--muted);font-size:10.5px;font-weight:550;cursor:pointer}.pf-cat-pill:hover{color:var(--text);border-color:var(--line-strong)}.pf-cat-pill[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.itp-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 14px}.itp-preset{position:relative;display:flex;flex-direction:column;gap:4px;padding:0 0 8px;text-align:left;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);cursor:pointer;overflow:hidden;color:var(--text-2);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.itp-preset:hover{border-color:var(--line-strong);color:var(--text);transform:translateY(-1px)}.itp-preset[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.itp-preset canvas,.itp-preset .ph{width:100%;aspect-ratio:4 / 3;image-rendering:pixelated;display:block;background:var(--raised);border-bottom:1px solid var(--line);object-fit:cover}.pf-pcat{position:absolute;top:5px;left:5px;padding:2px 5px;border-radius:4px;background:#070d16d1;backdrop-filter:blur(4px);color:var(--accent-2);font:600 9px/1.1 var(--font-mono);border:1px solid rgba(56,189,248,.25)}.itp-preset .t{padding:2px 8px 0;font-size:var(--fs-sm);font-weight:600;color:var(--text)}.itp-preset .d{padding:0 8px;font-size:10.5px;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pf-harmony-card{margin:2px 12px 10px;padding:10px;border-radius:var(--r-md);background:linear-gradient(165deg,color-mix(in srgb,var(--raised) 85%,var(--bg)),var(--bg));border:1px solid color-mix(in srgb,var(--accent-2) 32%,var(--line));display:flex;flex-direction:column;gap:8px}.pf-harmony-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-sm);color:var(--text)}.pf-harmony-head span:first-child{display:inline-flex;align-items:center;gap:6px;color:var(--accent-2)}.pf-harmony-head b{color:var(--text);font-weight:620}.pf-tag{font:650 9px/1 var(--font-mono);text-transform:uppercase;padding:3px 5px;border-radius:4px;background:var(--raised-2);color:var(--accent)}.pf-harmony-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:6px}.pf-harmony-grid .itp-select{height:27px;font-size:var(--fs-xs);padding:0 22px 0 7px}.pf-harmony-sl{display:flex;flex-direction:column;gap:2px}.pf-harmony-sl .lab{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.pf-harmony-strip{height:16px;border-radius:4px}.pf-harmony-btns{display:flex;gap:6px}.pf-harmony-btns>.itp-btn{flex:1}.itp-pal-list{list-style:none;margin:0;padding:0 8px 12px;display:flex;flex-direction:column;gap:2px}.itp-pal{display:flex;flex-direction:column;gap:5px;padding:7px 8px;border-radius:var(--r-md);cursor:pointer;border:1px solid transparent;color:var(--text-2)}.itp-pal:hover{background:var(--raised);color:var(--text)}.itp-pal[aria-pressed=true]{background:var(--raised-2);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--text)}.itp-pal .row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:500}.itp-pal .row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itp-pal .n{font-size:var(--fs-xs);color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto}.itp-strip{display:flex;height:11px;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 1px #7f7f7f2e}.itp-strip i{flex:1}.itp-stage{grid-area:stage;position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--raised) 55%,var(--stage)) 0%,var(--stage) 76%)}.pf-quickbar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:color-mix(in srgb,var(--panel) 94%,var(--bg));border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;flex:none}.pf-quickbar::-webkit-scrollbar{display:none}.pf-qlabel{font:650 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:0 4px 0 2px;white-space:nowrap;flex:none}.pf-qchip{display:inline-flex;align-items:center;gap:6px;height:25px;padding:0 9px;border-radius:13px;border:1px solid var(--line);background:var(--bg);color:var(--text-2);cursor:pointer;font-size:var(--fs-xs);font-weight:500;white-space:nowrap;flex:none;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.pf-qchip:hover{border-color:var(--line-strong);color:var(--text);background:var(--raised)}.pf-qchip[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.pf-qchip.more{border-style:dashed;color:var(--accent-2)}.pf-qsw{display:inline-flex;width:22px;height:8px;border-radius:2px;overflow:hidden;flex:none}.pf-qsw i{flex:1}.pf-paintbar{display:flex;align-items:center;gap:8px;min-height:37px;padding:5px 10px;background:color-mix(in srgb,var(--raised) 78%,var(--panel));border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));font-size:var(--fs-xs);color:var(--text-2);overflow-x:auto;scrollbar-width:none;flex:none}.pf-paintbar::-webkit-scrollbar{display:none}.pf-paint-tooltag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;background:var(--accent-soft);color:var(--accent);font-weight:650;white-space:nowrap}.pf-paint-swatches{display:inline-flex;align-items:center;gap:3px}.pf-paint-swatches button{width:17px;height:17px;border-radius:4px;border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #fff3}.pf-paint-swatches button[aria-pressed=true]{outline:2px solid var(--text);outline-offset:1px}.pf-paint-sizes{display:inline-flex;gap:2px;background:var(--bg);padding:2px;border-radius:6px;border:1px solid var(--line)}.pf-paint-sizes button{height:20px;min-width:24px;padding:0 5px;border:0;border-radius:4px;background:transparent;color:var(--muted);font:600 10.5px/1 var(--font-mono);cursor:pointer}.pf-paint-sizes button[aria-pressed=true]{background:var(--raised-2);color:var(--accent)}.pf-paint-meta{margin-left:auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.itp-view{position:relative;flex:1;min-height:0;overflow:hidden;cursor:grab;touch-action:none}.itp-view.panning{cursor:grabbing}.itp-view[data-tool=pencil],.itp-view[data-tool=eraser],.itp-view[data-tool=bucket],.itp-view[data-tool=line],.itp-view[data-tool=rect],.itp-view[data-tool=eyedropper],.itp-view.picking{cursor:crosshair}.itp-view canvas.screen{position:absolute;inset:0;width:100%;height:100%;display:block}.itp-split{position:absolute;top:0;bottom:0;width:0;pointer-events:none;z-index:6}.itp-split:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.itp-split button{pointer-events:auto;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:2px solid var(--accent);background:var(--panel);color:var(--accent);cursor:ew-resize;display:grid;place-items:center;box-shadow:0 4px 14px #00000080}.itp-split .lbl{position:absolute;top:12px;font-size:10.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:#070d16d6;border:1px solid var(--line-strong);color:#fff;white-space:nowrap;backdrop-filter:blur(6px)}.itp-split .lbl.l{right:10px}.itp-split .lbl.r{left:10px;border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--accent)}.itp-split[data-axis=h]{width:auto;height:0;left:0;right:0;bottom:auto}.itp-split[data-axis=h]:before{inset:-1px 0 auto;width:auto;height:2px}.itp-split[data-axis=h] button{left:50%;top:0;cursor:ns-resize}.itp-split[data-axis=h] .lbl.l{inset:auto auto 10px 12px}.itp-split[data-axis=h] .lbl.r{left:12px;right:auto;top:10px}.pf-quad-overlay{position:absolute;inset:0;pointer-events:none;z-index:6}.pf-quad-badge{pointer-events:auto;position:absolute;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 6px;border-radius:7px;border:1px solid var(--line-strong);background:#080e18db;backdrop-filter:blur(8px);color:var(--text-2);font-size:var(--fs-xs);cursor:pointer;box-shadow:0 4px 14px #00000059}.pf-quad-badge:hover{border-color:var(--accent);color:var(--text)}.pf-quad-badge[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 4px 14px #0006}.pf-quad-badge .tag{width:17px;height:17px;border-radius:4px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font:700 10px/1 var(--font-mono)}.pf-quad-badge .name{font-weight:600;color:var(--text)}.pf-quad-badge .sub{color:var(--muted);font-size:10px}.pf-loupe{position:absolute;top:12px;right:12px;z-index:9;width:148px;padding:7px;border-radius:var(--r-md);background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line-strong);backdrop-filter:blur(12px);box-shadow:var(--shadow-pop);pointer-events:none;display:flex;flex-direction:column;gap:6px}.pf-loupe canvas{width:132px;height:132px;border-radius:5px;border:1px solid var(--line);display:block;image-rendering:pixelated}.pf-loupe-meta{display:flex;flex-direction:column;gap:2px;font-size:10.5px}.pf-loupe-row{display:flex;align-items:center;gap:5px}.pf-loupe-row .muted{margin-left:auto}.pf-loupe-sw{width:11px;height:11px;border-radius:3px;border:1px solid rgba(255,255,255,.28);flex:none}.pf-loupe-lab{font-size:9.5px;color:var(--accent-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.itp-float{position:absolute;z-index:8;display:flex;gap:2px;padding:3px;border-radius:var(--r-md);background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line-strong);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000059}.itp-float.br{right:12px;bottom:12px}.itp-float.bl{left:12px;bottom:12px;align-items:center;padding:4px 10px 4px 6px;gap:10px;color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;min-height:34px;max-width:calc(100% - 148px);overflow:hidden}.itp-float.bl b{color:var(--text);font-weight:600}.pf-gpu-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font:650 10.5px/1 var(--font-mono);color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);white-space:nowrap}.pf-hud-swatches{display:inline-flex;align-items:center;gap:2px;padding-left:4px;border-left:1px solid var(--line)}.pf-hud-swatches button{width:12px;height:16px;padding:0;border:0;border-radius:2px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff29;transition:transform .1s var(--ease)}.pf-hud-swatches button:hover{transform:scale(1.25);z-index:2}.itp-busy{position:absolute;left:50%;top:52px;transform:translate(-50%)}.itp-empty{position:absolute;inset:0;display:grid;place-items:center;padding:24px;z-index:4}.itp-drop{width:min(590px,100%);padding:28px;border:1px dashed var(--line-strong);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:color-mix(in srgb,var(--panel) 82%,transparent);backdrop-filter:blur(10px)}.itp-drop h2{margin:0;font-size:var(--fs-lg);font-weight:650;letter-spacing:-.01em}.itp-drop p{margin:0;color:var(--muted);max-width:50ch}.itp-drop .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.itp-drop .samples{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;width:100%;margin-top:4px}.itp-drop .samples button{display:flex;flex-direction:column;padding:0;border-radius:var(--r-sm);border:1px solid var(--line);overflow:hidden;cursor:pointer;background:var(--raised);text-align:left;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.itp-drop .samples button:hover{border-color:var(--accent);transform:translateY(-1px)}.itp-drop .samples img{width:100%;height:60px;object-fit:cover;display:block}.itp-drop .samples span{padding:5px 6px;font-size:10.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.itp-dragging .itp-view:after{content:"Drop media, palettes or settings JSON into PixelForge Studio";position:absolute;inset:12px;border:2px dashed var(--accent);border-radius:var(--r-lg);display:grid;place-items:center;color:var(--text);background:var(--accent-soft);font-weight:600;pointer-events:none;z-index:20}.itp-transport{display:none;align-items:center;gap:8px;height:44px;padding:0 12px;border-top:1px solid var(--line);background:var(--panel)}.itp-stage[data-video=true] .itp-transport{display:flex}.itp-time{font-variant-numeric:tabular-nums;color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;min-width:108px}.itp-time span{color:var(--faint)}.itp-scrub{flex:1}.itp-timeline-preview{position:absolute;z-index:25;pointer-events:none;padding:5px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel);color:var(--text);box-shadow:var(--shadow-pop)}.itp-timeline-image{position:relative;display:grid;place-items:center;height:104px;overflow:hidden;border-radius:var(--r-sm);background:var(--raised);color:var(--muted);font-size:var(--fs-xs)}.itp-timeline-image canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.itp-timeline-time{display:block;padding:5px 0 1px;text-align:center;font-size:var(--fs-xs)}.itp-sound{position:relative;display:flex;align-items:center}.itp-volpop{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px 10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-pop);font-size:var(--fs-xs);color:var(--muted);min-width:36px}.itp-vslider{--v: 0%;width:28px;height:108px;display:flex;justify-content:center;cursor:pointer;touch-action:none;border-radius:var(--r-sm)}.itp-vslider .track{position:relative;width:4px;height:100%;border-radius:2px;background:var(--line-strong)}.itp-vslider .fill{position:absolute;left:0;right:0;bottom:0;height:var(--v);border-radius:2px;background:var(--accent)}.itp-vslider .thumb{position:absolute;left:50%;bottom:var(--v);width:12px;height:12px;border-radius:50%;background:var(--text);transform:translate(-50%,50%);box-shadow:0 0 0 2px var(--panel)}.itp-insp-head{padding:10px 12px 8px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}.pf-telemetry-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);overflow:hidden}.pf-hist-canvas{width:100%;height:46px;display:block;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(16,217,160,.03),transparent)}.pf-telemetry-card .itp-stats{border:0;border-radius:0}.itp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.itp-stat{padding:6px 9px;display:flex;flex-direction:column;gap:1px;min-width:0}.itp-stat+.itp-stat{border-left:1px solid var(--line)}.itp-stat .k{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:600}.itp-stat .v{font-weight:600;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.itp-stat .v small{font-weight:400;color:var(--muted);font-size:10.5px;margin-left:2px}.pf-snap-bar{display:flex;align-items:center;gap:4px}.pf-snap-lbl{font:600 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin-right:auto}.pf-snap-btn{position:relative;width:30px;height:24px;padding:0;border-radius:5px;border:1px dashed var(--line-strong);background:var(--bg);color:var(--muted);font:700 11px/1 var(--font-mono);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:3px}.pf-snap-btn:hover{border-color:var(--accent);color:var(--text)}.pf-snap-btn[data-filled=true]{border-style:solid;border-color:color-mix(in srgb,var(--accent-2) 50%,var(--line));color:var(--text);background:var(--raised)}.pf-snap-btn[data-active=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pf-snap-btn .dot{width:5px;height:5px;border-radius:50%;background:transparent}.pf-snap-btn[data-filled=true] .dot{background:var(--accent-2)}.pf-snap-btn[data-active=true] .dot{background:var(--accent)}.pf-snap-quad{height:24px;padding:0 8px;border-radius:5px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.pf-snap-quad svg.i{width:13px;height:13px}.pf-snap-quad:hover{filter:brightness(1.12)}.itp-sec{border-bottom:1px solid var(--line)}.itp-sec-head{display:flex;align-items:center;gap:2px;padding-right:8px}.itp-sec-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:11px 6px 11px 13px;border:0;background:none;text-align:left;cursor:pointer;user-select:none;color:var(--text)}.itp-sec-toggle .title{font-weight:600;font-size:var(--fs-sm);white-space:nowrap}.itp-sec-toggle .hint{color:var(--accent-2);font-weight:450;font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.itp-sec-toggle .chev{margin-left:auto;color:var(--faint);display:inline-flex;transition:transform var(--dur) var(--ease)}.itp-sec[data-open=true] .itp-sec-toggle .chev{transform:rotate(90deg)}.itp-sec-toggle:hover .chev{color:var(--text)}.itp-sec-reset{color:var(--faint)}.itp-sec-reset:hover{color:var(--text)}.itp-sec .body{padding:0 13px 13px;display:flex;flex-direction:column;gap:11px}.itp-field{display:flex;flex-direction:column;gap:5px;min-width:0}.itp-field>.lab{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-2);font-size:var(--fs-sm)}.itp-field>.lab .val{color:var(--text);font-variant-numeric:tabular-nums}.itp .help{color:var(--faint);font-size:var(--fs-xs);line-height:1.4}.itp-row{display:flex;gap:6px;align-items:center}.itp-row>*{min-width:0}.itp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.itp-slider{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:8px;align-items:center}.itp-slider input[type=number]{height:25px;padding:0 6px;text-align:right;font-size:var(--fs-sm);border-radius:5px}.itp input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;background:transparent;cursor:pointer;margin:0;--p: 50%}.itp input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--p),var(--raised-2) var(--p))}.itp input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--raised-2)}.itp input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.itp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--text);border:3px solid var(--panel);box-shadow:0 0 0 1px var(--line-strong)}.itp input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--text);border:3px solid var(--panel);box-shadow:0 0 0 1px var(--line-strong)}.itp-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;color:var(--text-2);font-size:var(--fs-sm)}.itp-switch input{appearance:none;width:28px;height:16px;border-radius:8px;background:var(--raised-2);border:1px solid var(--line-strong);position:relative;cursor:pointer;flex:none;transition:background var(--dur) var(--ease);margin:0}.itp-switch input:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--muted);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.itp-switch input:checked{background:var(--accent);border-color:var(--accent)}.itp-switch input:checked:after{transform:translate(12px);background:var(--accent-ink)}.itp-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(22px,1fr));gap:4px}.itp-swatch{aspect-ratio:1;border-radius:4px;border:0;padding:0;cursor:pointer;position:relative;box-shadow:inset 0 0 0 1px #7f7f7f47}.itp-swatch:hover{transform:scale(1.12);z-index:1}.itp-swatch[data-brush=true]{outline:2px solid var(--accent);outline-offset:1px;z-index:2}.itp-swatch.add{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--muted);display:grid;place-items:center}.itp-color{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px 0 4px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);cursor:pointer}.itp-color input[type=color]{width:22px;height:22px;padding:0;border:0;border-radius:4px;background:none;cursor:pointer}.pf-ts-preview{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);padding:8px;display:flex;flex-direction:column;gap:7px}.pf-ts-stats{font-size:11px;color:var(--accent)}.pf-ts-canvas{width:100%;max-height:140px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 50% / 12px 12px;border-radius:4px;border:1px solid var(--line)}.itp-scope{display:flex;flex-direction:column;gap:5px}.itp-scope .lab{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-xs);color:var(--text-2)}.itp-scope-note{color:var(--faint);font-size:var(--fs-xs)}.itp-insp[data-scope=own] .itp-scope-note{color:var(--accent)}.itp-aspects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.itp-aspects button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:48px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--muted);cursor:pointer;font-size:var(--fs-xs)}.itp-aspects button:hover{border-color:var(--line-strong);color:var(--text)}.itp-aspects button[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.itp-aspects i{display:block;border:1.5px solid currentColor;border-radius:2px}.itp-aspects i.orig{border-style:dashed}.itp-insp-foot{padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line)}.pf-engine-tag{font:600 10.5px/1 var(--font-mono);color:var(--accent-2);padding:3px 7px;border-radius:5px;background:var(--raised);border:1px solid var(--line)}.itp-menu{position:fixed;z-index:50;min-width:240px;max-width:calc(100vw - 16px);padding:5px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-pop);display:flex;flex-direction:column}.itp-menu .mi{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 9px;border-radius:var(--r-sm);border:0;background:none;text-align:left;cursor:pointer;color:var(--text-2)}.itp-menu .mi:hover,.itp-menu .mi:focus-visible{background:var(--raised);color:var(--text);box-shadow:none}.itp-menu .mi:disabled{opacity:.4;cursor:default;background:none}.itp-menu .mi small{display:block;color:var(--faint);font-size:var(--fs-xs)}.itp-menu .mlabel{padding:8px 9px 4px;font-size:10.5px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.itp-menu hr{margin:5px 4px}.itp-dialog{border:0;padding:0;border-radius:var(--r-lg);background:var(--panel);color:var(--text);box-shadow:var(--shadow-pop);width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 48px)}.itp-dialog::backdrop{background:#00000085;backdrop-filter:blur(3px)}.itp-dialog header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.itp-dialog header h2{margin:0;font-size:var(--fs-lg);font-weight:650}.itp-dialog .content{padding:14px 16px 16px;display:flex;flex-direction:column;gap:14px;overflow:auto}.itp-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.itp-storyboard{display:flex;flex:1;min-width:0;min-height:0}.itp-story-overlay{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px;pointer-events:none}.itp-story-overlay>.itp-float{position:static;pointer-events:auto}.itp-story-head{min-width:0;max-width:100%;align-items:center;justify-content:space-between;gap:10px;padding:3px 10px;min-height:34px;color:var(--muted);font-size:var(--fs-xs)}.itp-story-head>.num{white-space:nowrap;color:var(--text)}.itp-story-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itp-story-actions{max-width:100%;margin-left:auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.itp-story-zoom{display:flex;align-items:center;gap:3px}.itp-story-zoom span{min-width:38px;text-align:center;font-size:var(--fs-xs);color:var(--muted)}.itp-story-grid{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background:var(--stage);touch-action:none}.itp-story-canvas{display:block;width:100%;height:100%;cursor:grab;image-rendering:pixelated;outline:none}.itp-transport.itp-transport-tiled{flex:none;height:auto;min-height:54px;gap:10px;padding:8px 12px}.itp-story-time{display:flex;flex:none;align-items:center;gap:5px;font-size:var(--fs-xs);color:var(--muted)}.itp-story-time input{width:76px;padding:0 5px;font-size:var(--fs-xs)}.itp-story-range{--from: 0%;--to: 100%;position:relative;flex:1;min-width:48px;height:30px;cursor:default;touch-action:none;user-select:none}.itp-story-range-track{position:absolute;left:7px;right:7px;top:13px;height:4px;border-radius:2px;background:linear-gradient(to right,var(--raised-2) var(--from),var(--accent) var(--from),var(--accent) var(--to),var(--raised-2) var(--to))}.itp .itp-story-range input[type=range]{position:absolute;inset:0;width:100%;height:30px;margin:0;pointer-events:none;background:transparent}.itp .itp-story-range input::-webkit-slider-runnable-track{background:transparent}.itp .itp-story-range input::-moz-range-track,.itp .itp-story-range input::-moz-range-progress{background:transparent}.itp .itp-story-range input::-moz-range-thumb{width:14px;height:14px}.itp-keys{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px}.itp-keys div{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);color:var(--text-2);font-size:var(--fs-sm)}.itp-keys div span:last-child{display:flex;gap:3px}.itp-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}.itp-toasts{position:fixed;z-index:60;left:50%;bottom:20px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.itp-toast{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:240px;max-width:min(520px,calc(100vw - 24px));padding:9px 10px 9px 12px;border-radius:var(--r-md);background:var(--raised);color:var(--text);box-shadow:var(--shadow-pop);font-size:var(--fs-sm);animation:itp-in .16s var(--ease)}.itp-toast .msg{flex:1}.itp-toast.error .itp-dot{background:var(--danger)}.itp-toast.ok .itp-dot{background:var(--ok)}.itp-toast.info .itp-dot{background:var(--accent)}.itp-progress{height:3px;border-radius:2px;background:var(--raised-2);overflow:hidden;margin-top:6px}.itp-progress i{display:block;height:100%;background:var(--accent);width:0;transition:width .12s linear}@keyframes itp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.itp-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:itp-spin .7s linear infinite}@keyframes itp-spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.itp-app{--lib-w: 244px;--insp-w: 304px}.pf-vm-btn span{display:none}}@media(max-width:940px){.itp-app{grid-template-columns:44px 0 minmax(0,1fr) var(--insp-w, 296px)}.itp-lib{position:absolute;z-index:30;top:50px;bottom:0;left:44px;width:280px;box-shadow:var(--shadow-pop);transform:translate(-110%);transition:transform .18s var(--ease);visibility:hidden}.itp-app[data-lib=open] .itp-lib{transform:none;visibility:visible}.itp-file .meta{display:none}}@media(max-width:680px){.itp-app{grid-template-columns:42px minmax(0,1fr);grid-template-rows:50px minmax(0,1fr) auto;grid-template-areas:"top top" "rail stage" "insp insp"}.itp-insp{border-left:0;border-top:1px solid var(--line);max-height:46vh}.itp-app[data-insp=closed] .itp-insp{max-height:0}.itp-top .hide-sm{display:none}.itp-file .name{max-width:13ch}.itp-float.bl{display:none}}