.shader-page{background:var(--bg)}.shader-shell{width:100%;margin:0;padding:28px 0 64px}.shader-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.shader-toolbar h1{margin:0;color:var(--ink);font-size:clamp(32px,5vw,64px);font-weight:620;letter-spacing:0;line-height:.98}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:13px;font-weight:560}.toolbar-actions{display:flex;flex:0 0 auto;gap:8px}.primary-action,.ghost-action,.text-action,.play-button{border:0;font:inherit;cursor:pointer}.primary-action,.ghost-action{height:38px;border-radius:8px;padding:0 14px;font-size:13px;font-weight:560}.primary-action{background:var(--ink);color:#fff}.primary-action:disabled{cursor:progress;opacity:.58}.ghost-action{background:var(--bg-soft);color:var(--ink)}.shader-workbench{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.shader-stage{min-width:0}.shader-preview{position:relative;display:grid;min-height:420px;overflow:hidden;place-items:center;border-radius:10px;background:linear-gradient(45deg,rgba(20,20,20,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(20,20,20,.04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(20,20,20,.04) 75%),linear-gradient(-45deg,transparent 75%,rgba(20,20,20,.04) 75%),#f1f1f1;background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.shader-preview canvas{display:block;width:min(100%,760px);max-height:72vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.play-button{position:absolute;top:14px;right:14px;height:30px;border-radius:7px;background:color-mix(in srgb,#111113 58%,transparent);color:#fff;font-size:11px;font-weight:560;padding:0 10px}.preview-meta{position:absolute;right:18px;bottom:16px;left:18px;display:flex;justify-content:space-between;gap:16px;color:#ffffffdb;font-size:12px;font-weight:540;text-shadow:0 1px 12px rgba(0,0,0,.5)}.timeline-row{display:grid;grid-template-columns:48px minmax(0,1fr) 58px;gap:12px;align-items:center;min-height:48px;color:var(--muted);font-size:12px;font-weight:520}.timeline-row output,.slider-row output{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.status-row{min-height:20px;color:var(--muted);font-size:12px}.plugin-callout{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1fr);align-items:center;-moz-column-gap:clamp(22px,4vw,54px);column-gap:clamp(22px,4vw,54px);row-gap:14px;border-top:1px solid var(--line);margin-top:34px;padding-top:30px}.plugin-image-frame{position:relative;display:grid;grid-row:1 / span 2;align-self:stretch;align-items:center;margin:0;overflow:hidden;border-radius:12px;background:linear-gradient(45deg,rgba(20,20,20,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(20,20,20,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(20,20,20,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(20,20,20,.035) 75%),var(--bg-soft);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;padding:clamp(28px,3.5vw,46px) 18px}.figma-plugin-shell{overflow:hidden;width:min(100%,324px);margin:0 auto;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:18px;background:color-mix(in srgb,var(--bg) 86%,white);box-shadow:0 1px #ffffffdb inset,0 18px 44px #1212101a}.figma-plugin-chrome{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;border-bottom:1px solid var(--line);padding:0 13px;color:var(--muted);font-size:11px;font-weight:520}.figma-plugin-title{display:flex;min-width:0;align-items:center;gap:8px;color:var(--ink);font-weight:570}.figma-plugin-title span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-plugin-mark{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border-radius:5px;background:var(--ink);color:#fff;font-size:12px;font-weight:720;line-height:1}.figma-plugin-body{overflow:hidden;background:var(--bg)}.figma-plugin-body img{display:block;width:100%;margin-bottom:-48px;transform:translateY(-48px)}.plugin-copy{display:grid;justify-items:start}.plugin-kicker{margin:0 0 6px;color:var(--muted);font-size:12px;font-weight:560}.plugin-callout h2{margin:0;color:var(--ink);font-size:clamp(22px,2.8vw,34px);font-weight:610;letter-spacing:0;line-height:1.04}.plugin-callout p:not(.plugin-kicker){max-width:640px;margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.plugin-install-link{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:38px;border:1px solid var(--line);border-radius:8px;margin-top:18px;background:var(--bg-soft);color:var(--ink);padding:0 13px;font-size:13px;font-weight:570;line-height:1;text-decoration:none}.plugin-install-link span{color:var(--ink);font:inherit}.plugin-install-link:hover{background:color-mix(in srgb,var(--ink) 6%,var(--bg-soft))}.plugin-callout .shader-credits{grid-column:2;align-self:end;justify-self:start;max-width:520px;margin:0;color:color-mix(in srgb,var(--muted) 86%,var(--bg));font-size:12px;line-height:1.5}.shader-credits a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}.shader-panel{display:grid;gap:0;border-left:1px solid var(--line);padding-left:18px}.panel-section{display:grid;gap:10px;padding-bottom:16px}.panel-section+.panel-section{border-top:1px solid var(--line);padding-top:16px}.section-header{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:500}.section-header>span:first-child{color:var(--ink);font-weight:580}.category-tabs{display:flex;gap:3px;overflow-x:auto;border-radius:7px;background:var(--bg-soft);padding:2px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{height:28px;flex:0 0 auto;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;padding:0 9px}.category-tabs button.active{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}.preset-grid{display:grid;max-height:158px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow-y:auto;padding-right:2px}.preset-card{display:grid;min-height:42px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;border:0;border-radius:7px;background:var(--bg-soft);color:var(--ink);cursor:pointer;font:inherit;font-size:12px;font-weight:540;padding:6px;text-align:left}.preset-card.active{background:color-mix(in srgb,var(--ink) 9%,transparent)}.preset-swatch{width:30px;height:30px;border-radius:6px}.color-grid,.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.color-field,.video-grid label,.size-preset-field,.ratio-preset-field{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:520}.color-field input,.video-grid input,.size-preset-field select{width:100%;height:32px;border:0;border-radius:7px;background:var(--bg-soft);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;padding:0 9px}.size-tools{display:grid;grid-template-columns:minmax(132px,1fr) minmax(0,1.15fr);gap:8px;min-width:0}.size-preset-field,.ratio-preset-field{min-width:0}.size-preset-field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) calc(100% - 13px) 13px / 5px 5px no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) calc(100% - 8px) 13px / 5px 5px no-repeat,var(--bg-soft);padding-right:24px}.ratio-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;border-radius:7px;background:var(--bg-soft);padding:2px}.ratio-tabs button{min-width:0;height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;padding:0 4px}.ratio-tabs button.active{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}.color-field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:3px}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:0;border-radius:5px}.slider-stack{display:grid;gap:7px}.slider-row{display:grid;min-height:25px;grid-template-columns:54px minmax(0,1fr) 42px;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:500}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:color-mix(in srgb,var(--ink) 12%,transparent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;margin-top:-3px;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:50%;background:#fff}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:color-mix(in srgb,var(--ink) 12%,transparent)}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:50%;background:#fff}.text-action{background:transparent;color:var(--muted);font-size:12px;padding:0}@media(max-width:980px){.shader-workbench{grid-template-columns:1fr}.shader-panel{border-left:0;border-top:1px solid var(--line);padding-top:18px;padding-left:0}.shader-toolbar{align-items:start;flex-direction:column}.shader-preview{min-height:320px}.plugin-callout{grid-template-columns:1fr;gap:16px}.plugin-callout .shader-credits{grid-column:1}.plugin-image-frame{grid-row:auto;padding:22px 14px}.plugin-install-link{width:100%;min-width:0}}