@property --st-on{syntax:"<number>";inherits:true;initial-value:0}@property --ph-stream{syntax:"<number>";inherits:true;initial-value:0}@property --ph-gate{syntax:"<number>";inherits:true;initial-value:0}@property --ph-commit{syntax:"<number>";inherits:true;initial-value:0}.stream-showcase-module__GtCpna__root{--cycle:24s;text-align:start;grid-template-columns:minmax(0,1fr);align-items:center;gap:2rem;min-width:0;display:grid}.stream-showcase-module__GtCpna__motion{animation-duration:var(--cycle);animation-name:stream-showcase-module__GtCpna__streamStage;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;animation-delay:calc(var(--cycle) * -.25 * var(--i,0) + var(--j,0) * 1ms)}[data-in-view=true] .stream-showcase-module__GtCpna__motion{animation-play-state:running}.stream-showcase-module__GtCpna__source{justify-items:center;gap:.9rem;min-width:0;display:grid}.stream-showcase-module__GtCpna__cluster{width:100%;position:relative}.stream-showcase-module__GtCpna__cluster[data-variant=wide]{aspect-ratio:200/240;max-width:20rem;display:none}.stream-showcase-module__GtCpna__cluster[data-variant=stacked]{aspect-ratio:200/212;max-width:22rem}.stream-showcase-module__GtCpna__wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stream-showcase-module__GtCpna__wire{fill:none;stroke:color-mix(in oklab, var(--opt-text) 24%, transparent);stroke-dasharray:2 3.5;stroke-linecap:round;stroke-width:1px;vector-effect:non-scaling-stroke}.stream-showcase-module__GtCpna__wirePulse{fill:none;stroke:var(--opt-accent);stroke-dasharray:6 100;stroke-linecap:round;stroke-width:3px;vector-effect:non-scaling-stroke;animation:3.72s linear infinite stream-showcase-module__GtCpna__wireRun}.stream-showcase-module__GtCpna__trunk{fill:none;stroke:color-mix(in oklab, var(--opt-accent) 38%, transparent);stroke-linecap:round;stroke-width:3px;vector-effect:non-scaling-stroke}.stream-showcase-module__GtCpna__trunkPulse{fill:none;stroke:var(--opt-accent);stroke-dasharray:20 100;stroke-linecap:round;stroke-width:4px;vector-effect:non-scaling-stroke;animation:.62s linear 1.711s infinite stream-showcase-module__GtCpna__trunkRun}.stream-showcase-module__GtCpna__provider{background:var(--opt-surface);color:var(--opt-text);box-shadow:inset 0 0 0 1px var(--opt-border), 0 6px 16px color-mix(in oklab, var(--opt-text) 10%, transparent);border-radius:.7rem;justify-content:center;align-items:center;animation:3.72s ease-in-out infinite stream-showcase-module__GtCpna__providerBreathe;display:flex;position:absolute;transform:translate(-50%,-50%)}.stream-showcase-module__GtCpna__providerMark{fill:currentColor;width:52%;height:52%}.stream-showcase-module__GtCpna__port{background:linear-gradient(145deg, color-mix(in oklab, var(--opt-accent) 82%, white), var(--opt-accent));width:4.2rem;height:4.2rem;color:var(--opt-accent-fg);box-shadow:0 12px 30px color-mix(in oklab, var(--opt-accent) 34%, transparent), 0 0 0 6px color-mix(in oklab, var(--opt-accent) 9%, transparent), inset 0 1px 0 #ffffff4d;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}@supports (color:lab(0% 0 0)){.stream-showcase-module__GtCpna__port{box-shadow:0 12px 30px color-mix(in oklab, var(--opt-accent) 34%, transparent), 0 0 0 6px color-mix(in oklab, var(--opt-accent) 9%, transparent), inset 0 1px 0 lab(100% 0 0/.3)}}.stream-showcase-module__GtCpna__portHalo{z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--opt-accent) 26%, transparent), transparent 72%);border-radius:999px;animation:5.2s ease-in-out infinite stream-showcase-module__GtCpna__portHalo;position:absolute;inset:-1.5rem}.stream-showcase-module__GtCpna__portLabel{letter-spacing:-.03em;font-size:1.35rem;font-weight:720;line-height:1}.stream-showcase-module__GtCpna__preview{z-index:1;justify-items:center;min-width:0;display:grid;position:relative}.stream-showcase-module__GtCpna__window{--sg-window:#0f0f11;--sg-panel:#0a0a0c;--sg-card:#171719;--sg-card-raised:#202023;--sg-border:#ffffff14;--sg-border-strong:#ffffff26;--sg-text:#f5f5f6;--sg-text-2:#aaaab0;--sg-text-3:#76777d;--sg-accent:#a287fe;--sg-accent-soft:#a287fe29;--sg-accent-line:#a287fe6b;--sg-accent-text:#d5ccff;--sg-success:#4ecf6b;--sg-success-soft:#4ecf6b26;--sg-success-text:#99e7a4;--sg-danger:#fb575d;--sg-danger-soft:#fb575d26;--sg-danger-text:#ffafab;--sg-warn:#f6b84d;--sg-warn-soft:#f6b84d24;--sg-mono:var(--font-geist-mono), ui-monospace, monospace;background:var(--sg-window);width:100%;height:32rem;box-shadow:0 1px 0 #ffffff14 inset, 0 2px 6px color-mix(in oklab, var(--opt-text) 10%, transparent), 0 26px 60px color-mix(in oklab, var(--opt-text) 18%, transparent), 0 60px 120px color-mix(in oklab, var(--opt-text) 12%, transparent);border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);border-radius:1.1rem;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}@supports (color:lab(0% 0 0)){.stream-showcase-module__GtCpna__window{--sg-window:lab(4.41431% .262022 -1.01984);--sg-panel:lab(2.73653% .192575 -.745675);--sg-card:lab(7.73907% .477307 -1.8105);--sg-card-raised:lab(12.3674% .582941 -2.1785);--sg-border:lab(100% 0 0/.08);--sg-border-strong:lab(100% 0 0/.15);--sg-text:lab(96.5032% .183612 -.732839);--sg-text-2:lab(69.7717% .751138 -2.92051);--sg-text-3:lab(50.0335% .954956 -3.64068);--sg-accent:lab(62.8633% 30.7855 -56.5036);--sg-accent-soft:lab(62.8633% 30.7855 -56.5036/.16);--sg-accent-line:lab(62.8633% 30.7855 -56.5036/.42);--sg-accent-text:lab(83.9083% 13.6335 -30.6226);--sg-success:lab(74.3855% -52.9414 38.4629);--sg-success-soft:lab(74.3855% -52.9414 38.4629/.15);--sg-success-text:lab(85.2949% -34.9782 24.7227);--sg-danger:lab(60.8138% 63.7243 32.9224);--sg-danger-soft:lab(60.8138% 63.7243 32.9224/.15);--sg-danger-text:lab(79.1836% 34.7286 16.7124);--sg-warn:lab(79.1213% 15.6474 61.0381);--sg-warn-soft:lab(79.1213% 15.6474 61.0381/.14);box-shadow:0 1px 0 lab(100% 0 0/.08) inset, 0 2px 6px color-mix(in oklab, var(--opt-text) 10%, transparent), 0 26px 60px color-mix(in oklab, var(--opt-text) 18%, transparent), 0 60px 120px color-mix(in oklab, var(--opt-text) 12%, transparent)}}.stream-showcase-module__GtCpna__pipeline{min-width:0;animation-name:stream-showcase-module__GtCpna__phaseCycle;animation-duration:calc(var(--cycle) / 4);box-shadow:inset 0 -1px 0 var(--sg-border);align-items:stretch;gap:.45rem;padding:.7rem .9rem;animation-timing-function:ease-in-out;animation-delay:0s;display:flex}.stream-showcase-module__GtCpna__pipelineStage{background:color-mix(in oklab, var(--sg-accent) calc(var(--lit) * 15%), transparent);min-width:0;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sg-accent) calc(var(--lit) * 46%), transparent);border-radius:.6rem;flex:1 1 0;align-content:center;gap:.18rem;padding:.42rem .55rem;display:grid}.stream-showcase-module__GtCpna__pipelineLabel{color:color-mix(in oklab, var(--sg-accent-text) calc(var(--lit) * 100%), var(--sg-text-3));letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.36rem;font-size:.78rem;font-weight:660;display:flex}.stream-showcase-module__GtCpna__pipelineArrow{color:var(--sg-text-3);flex:none;align-items:center;display:flex}.stream-showcase-module__GtCpna__arrowIcon{width:.9rem;height:.9rem}.stream-showcase-module__GtCpna__pipelineStage[data-at=stream]{--lit:var(--ph-stream)}.stream-showcase-module__GtCpna__pipelineStage[data-at=gate]{--lit:var(--ph-gate)}.stream-showcase-module__GtCpna__pipelineStage[data-at=commit]{--lit:var(--ph-commit)}.stream-showcase-module__GtCpna__pipelineDot{width:.45rem;height:.45rem;opacity:calc(.35 + var(--lit) * .65);transform:scale(calc(.8 + var(--lit) * .4));background:currentColor;border-radius:999px;flex:none}.stream-showcase-module__GtCpna__pipelineCodeStack{min-width:0;display:grid}.stream-showcase-module__GtCpna__pipelineCodeItem{color:color-mix(in oklab, var(--sg-text) calc(var(--lit) * 45%), var(--sg-text-2));font-family:var(--sg-mono);letter-spacing:-.02em;opacity:var(--st-on);text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;font-size:.65rem;font-weight:500;overflow:hidden}.stream-showcase-module__GtCpna__screens{min-width:0;min-height:0;padding:1rem 1.05rem 1.05rem;display:grid}.stream-showcase-module__GtCpna__screen{min-width:0;min-height:0;opacity:var(--st-on);pointer-events:none;transform:translateY(calc((1 - var(--st-on)) * .55rem)) scale(calc(.99 + var(--st-on) * .01));grid-area:1/1;grid-template-columns:minmax(0,1fr);display:grid}.stream-showcase-module__GtCpna__screenBody{min-width:0;min-height:0;display:grid}.stream-showcase-module__GtCpna__screenBody[data-layout=rail]{grid-template-columns:minmax(0,1fr) 13.5rem;gap:.7rem}.stream-showcase-module__GtCpna__screenBody[data-layout=thread]{grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:.7rem}.stream-showcase-module__GtCpna__surface{background:var(--sg-card);min-width:0;min-height:0;box-shadow:inset 0 0 0 1px var(--sg-border);border-radius:.85rem;flex-direction:column;gap:.65rem;padding:.85rem .9rem;display:flex;overflow:hidden}.stream-showcase-module__GtCpna__surfaceHead{flex:none;justify-content:space-between;align-items:center;gap:.6rem;min-width:0;display:flex}.stream-showcase-module__GtCpna__surfaceTitle{color:var(--sg-text);letter-spacing:-.015em;white-space:nowrap;font-size:.86rem;font-weight:640}.stream-showcase-module__GtCpna__surfaceMeta{color:var(--sg-accent-text);font-family:var(--sg-mono);white-space:nowrap;font-size:.62rem}.stream-showcase-module__GtCpna__rail{background:var(--sg-panel);min-width:0;min-height:0;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sg-accent) calc(28% + var(--ph-gate) * 46%), transparent);border-radius:.85rem;flex-direction:column;gap:.65rem;padding:.8rem .75rem;display:flex;overflow:hidden}.stream-showcase-module__GtCpna__railHead{flex:none;gap:.2rem;display:grid}.stream-showcase-module__GtCpna__railTitleRow{color:var(--sg-accent-text);align-items:center;gap:.32rem;display:flex}.stream-showcase-module__GtCpna__railTitle{color:var(--sg-text);font-size:.76rem;font-weight:640}.stream-showcase-module__GtCpna__railApi{color:var(--sg-text-3);font-family:var(--sg-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.stream-showcase-module__GtCpna__railStatus{color:var(--sg-text-2);align-items:center;gap:.3rem;margin-top:.15rem;font-size:.63rem;display:flex}.stream-showcase-module__GtCpna__statusDot{background:var(--sg-accent);border-radius:999px;flex:none;width:.35rem;height:.35rem;animation:1.6s ease-in-out infinite stream-showcase-module__GtCpna__pulseDot}.stream-showcase-module__GtCpna__railList{flex-direction:column;flex:auto;gap:.4rem;min-height:0;display:flex;overflow:hidden}.stream-showcase-module__GtCpna__railRow{background:var(--sg-card);min-width:0;box-shadow:inset 0 0 0 1px var(--sg-border);border-radius:.5rem;flex:none;align-items:center;gap:.4rem;padding:.4rem .45rem;animation-name:stream-showcase-module__GtCpna__riseIn;display:flex}.stream-showcase-module__GtCpna__railRow[data-state=review]{background:var(--sg-accent-soft);box-shadow:inset 0 0 0 1px var(--sg-accent-line), 0 0 0 calc(var(--ph-gate) * 3px) color-mix(in oklab, var(--sg-accent) 22%, transparent)}.stream-showcase-module__GtCpna__railRow[data-state=rejected]{background:var(--sg-danger-soft);box-shadow:inset 0 0 0 1px #fb575d52;box-shadow:inset 0 0 0 1px lab(60.8138% 63.7243 32.9224/.32)}.stream-showcase-module__GtCpna__railRow[data-state=committed]{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sg-success) calc(var(--ph-commit) * 45%), var(--sg-border))}.stream-showcase-module__GtCpna__railRowText{flex:auto;gap:.05rem;min-width:0;display:grid}.stream-showcase-module__GtCpna__railRowLabel{color:var(--sg-text);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:600;overflow:hidden}.stream-showcase-module__GtCpna__railRow[data-state=rejected] .stream-showcase-module__GtCpna__railRowLabel{color:var(--sg-danger-text);text-decoration:line-through}.stream-showcase-module__GtCpna__railRowNote{color:var(--sg-text-3);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.stream-showcase-module__GtCpna__railRowState{border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;display:flex}.stream-showcase-module__GtCpna__railRowState[data-state=committed]{background:color-mix(in oklab, var(--sg-success) calc(14% + var(--ph-commit) * 22%), transparent);color:var(--sg-success-text)}.stream-showcase-module__GtCpna__railRowState[data-state=rejected]{color:var(--sg-danger-text);background:#fb575d38;background:lab(60.8138% 63.7243 32.9224/.22)}.stream-showcase-module__GtCpna__railRowDots{align-items:center;gap:.12rem;display:flex}.stream-showcase-module__GtCpna__railRowDot{background:var(--sg-accent);border-radius:999px;width:.22rem;height:.22rem;animation:1.1s ease-in-out infinite stream-showcase-module__GtCpna__bounceDot}.stream-showcase-module__GtCpna__railRowDot:nth-child(2){animation-delay:.16s}.stream-showcase-module__GtCpna__railRowDot:nth-child(3){animation-delay:.32s}.stream-showcase-module__GtCpna__railFoot{flex:none;gap:.35rem;display:grid}.stream-showcase-module__GtCpna__footButtons{align-items:center;gap:.35rem;display:flex}.stream-showcase-module__GtCpna__footNote{color:var(--sg-text-3);align-items:center;gap:.25rem;font-size:.58rem;display:flex}.stream-showcase-module__GtCpna__gateChips{flex:none;align-items:center;gap:.2rem;display:flex}.stream-showcase-module__GtCpna__gateChip{border-radius:999px;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;display:flex}.stream-showcase-module__GtCpna__gateChip[data-kind=approve]{background:var(--sg-success-soft);color:var(--sg-success-text);box-shadow:inset 0 0 0 1px #4ecf6b52, 0 0 0 calc(var(--ph-gate) * 3px) #4ecf6b38;transform:scale(calc(1 + var(--ph-gate) * .12))}@supports (color:lab(0% 0 0)){.stream-showcase-module__GtCpna__gateChip[data-kind=approve]{box-shadow:inset 0 0 0 1px lab(74.3855% -52.9414 38.4629/.32), 0 0 0 calc(var(--ph-gate) * 3px) lab(74.3855% -52.9414 38.4629/.22)}}.stream-showcase-module__GtCpna__gateChip[data-kind=reject]{color:var(--sg-text-3);box-shadow:inset 0 0 0 1px var(--sg-border);background:#ffffff0f;background:lab(100% 0 0/.06)}.stream-showcase-module__GtCpna__accentButton{background:var(--sg-accent);color:#120f1e;color:lab(4.99302% 3.81543 -9.24429);box-shadow:0 0 0 calc(var(--ph-gate) * 3px) color-mix(in oklab, var(--sg-accent) 24%, transparent);white-space:nowrap;border-radius:.42rem;align-items:center;gap:.25rem;padding:.28rem .55rem;font-size:.64rem;font-weight:660;display:inline-flex}.stream-showcase-module__GtCpna__ghostButton{color:var(--sg-text-2);box-shadow:inset 0 0 0 1px var(--sg-border-strong);white-space:nowrap;border-radius:.42rem;align-items:center;padding:.28rem .55rem;font-size:.64rem;font-weight:600;display:inline-flex}.stream-showcase-module__GtCpna__chipRow{align-items:center;gap:.3rem;display:flex}.stream-showcase-module__GtCpna__metaChip{color:var(--sg-text-3);font-family:var(--sg-mono);box-shadow:inset 0 0 0 1px var(--sg-border);white-space:nowrap;background:#ffffff0d;background:lab(100% 0 0/.05);border-radius:.35rem;padding:.16rem .4rem;font-size:.6rem}.stream-showcase-module__GtCpna__metaChip[data-tone=accent]{background:var(--sg-accent-soft);color:var(--sg-accent-text)}.stream-showcase-module__GtCpna__metaChip[data-tone=success]{background:var(--sg-success-soft);color:var(--sg-success-text)}.stream-showcase-module__GtCpna__metaChip[data-tone=danger]{background:var(--sg-danger-soft);color:var(--sg-danger-text)}.stream-showcase-module__GtCpna__microIcon{flex:none;width:.85rem;height:.85rem}.stream-showcase-module__GtCpna__nanoIcon{flex:none;width:.68rem;height:.68rem}.stream-showcase-module__GtCpna__progressTrack{background:#ffffff14;background:lab(100% 0 0/.08);border-radius:999px;flex:none;height:2px;position:relative;overflow:hidden}.stream-showcase-module__GtCpna__progressFill{background:linear-gradient(90deg, var(--sg-accent), #d8cfff);transform-origin:0;border-radius:999px;width:100%;height:100%;animation-name:stream-showcase-module__GtCpna__progressRun;position:absolute}@supports (color:lab(0% 0 0)){.stream-showcase-module__GtCpna__progressFill{background:linear-gradient(90deg, var(--sg-accent), lab(84.9389% 15.3605 -33.9442))}}.stream-showcase-module__GtCpna__doc{flex-direction:column;flex:auto;gap:.5rem;min-height:0;padding-top:.15rem;display:flex;overflow:hidden}.stream-showcase-module__GtCpna__block{border-radius:.55rem;flex:none;align-items:flex-start;gap:.45rem;min-width:0;padding:.38rem .5rem .38rem .35rem;display:flex}.stream-showcase-module__GtCpna__block[data-state=review]{background:var(--sg-accent-soft);box-shadow:inset 0 0 0 1px var(--sg-accent-line)}.stream-showcase-module__GtCpna__block[data-state=streaming]{background:#ffffff08;background:lab(100% 0 0/.03)}.stream-showcase-module__GtCpna__blockGutter{background:var(--sg-border-strong);border-radius:999px;flex:none;align-self:stretch;width:2px}.stream-showcase-module__GtCpna__block[data-state=review] .stream-showcase-module__GtCpna__blockGutter,.stream-showcase-module__GtCpna__block[data-state=streaming] .stream-showcase-module__GtCpna__blockGutter{background:var(--sg-accent)}.stream-showcase-module__GtCpna__block[data-state=ghost] .stream-showcase-module__GtCpna__blockGutter{background:0 0}.stream-showcase-module__GtCpna__blockBody{flex:auto;gap:.2rem;min-width:0;display:grid}.stream-showcase-module__GtCpna__blockLabel{color:var(--sg-accent-text);font-family:var(--sg-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.58rem}.stream-showcase-module__GtCpna__paragraph{color:var(--sg-text-2);font-size:.71rem;line-height:1.55}.stream-showcase-module__GtCpna__block[data-state=committed] .stream-showcase-module__GtCpna__paragraph{color:var(--sg-text-3)}.stream-showcase-module__GtCpna__del{background:var(--sg-danger-soft);color:var(--sg-danger-text);border-radius:.25rem;padding:0 .15rem;text-decoration:line-through;display:inline-block}.stream-showcase-module__GtCpna__ins{background:var(--sg-success-soft);clip-path:inset(0 100% 0 0);color:var(--sg-success-text);border-radius:.25rem;padding:0 .15rem;animation-name:stream-showcase-module__GtCpna__sweep;display:inline-block}.stream-showcase-module__GtCpna__streamLine{clip-path:inset(0 100% 0 0);color:var(--sg-text-2);font-size:.71rem;line-height:1.55;animation-name:stream-showcase-module__GtCpna__sweep;display:block}.stream-showcase-module__GtCpna__caret{background:var(--sg-accent);vertical-align:-.06em;border-radius:1px;width:2px;height:.72em;margin-left:.12rem;animation:1s step-end infinite stream-showcase-module__GtCpna__caretBlink;display:inline-block}.stream-showcase-module__GtCpna__ghostText{color:var(--sg-text-3);opacity:.55;font-size:.7rem;font-style:italic}.stream-showcase-module__GtCpna__table{min-height:0;box-shadow:inset 0 0 0 1px var(--sg-border);border-radius:.6rem;flex-direction:column;flex:auto;display:flex;overflow:hidden}.stream-showcase-module__GtCpna__tableRow{min-width:0;box-shadow:inset 0 -1px 0 var(--sg-border);flex:none;grid-template-columns:1.3fr .9fr .85fr .95fr .78fr;align-items:center;animation-name:stream-showcase-module__GtCpna__riseIn;display:grid}.stream-showcase-module__GtCpna__tableRow[data-head=true]{background:#ffffff0a;background:lab(100% 0 0/.04);animation:none}.stream-showcase-module__GtCpna__tableCell{min-width:0;color:var(--sg-text-2);white-space:nowrap;align-items:center;gap:.25rem;padding:.42rem .45rem;font-size:.66rem;display:flex}.stream-showcase-module__GtCpna__tableCell[data-head=true]{color:var(--sg-text-3);letter-spacing:.05em;text-transform:uppercase;font-size:.6rem;font-weight:640}.stream-showcase-module__GtCpna__tableCell[data-numeric=true]{font-family:var(--sg-mono);font-variant-numeric:tabular-nums;justify-content:flex-end}.stream-showcase-module__GtCpna__tableCell[data-cell=pending]{background:var(--sg-accent-soft);box-shadow:inset 0 0 0 1px var(--sg-accent-line);border-radius:.35rem}.stream-showcase-module__GtCpna__tableCell[data-cell=rejected]{background:var(--sg-danger-soft);color:var(--sg-danger-text);border-radius:.35rem;box-shadow:inset 0 0 0 1px #fb575d57;box-shadow:inset 0 0 0 1px lab(60.8138% 63.7243 32.9224/.34)}.stream-showcase-module__GtCpna__cellValue{text-overflow:ellipsis;overflow:hidden}.stream-showcase-module__GtCpna__cellFlash{border-radius:.25rem;animation-name:stream-showcase-module__GtCpna__cellFlash}.stream-showcase-module__GtCpna__cellSpinner{border:1.5px solid var(--sg-accent-line);border-top-color:var(--sg-accent);border-radius:999px;flex:none;width:.5rem;height:.5rem;animation:.9s linear infinite stream-showcase-module__GtCpna__spin}.stream-showcase-module__GtCpna__batchBar{background:var(--sg-card-raised);box-shadow:inset 0 0 0 1px var(--sg-border);border-radius:.55rem;flex:none;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .55rem;display:flex}.stream-showcase-module__GtCpna__batchText{gap:.08rem;min-width:0;display:grid}.stream-showcase-module__GtCpna__batchTitle{color:var(--sg-text);font-size:.68rem;font-weight:620}.stream-showcase-module__GtCpna__batchNote{color:var(--sg-text-3);font-family:var(--sg-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.stream-showcase-module__GtCpna__logRow{background:var(--sg-card);min-width:0;box-shadow:inset 0 0 0 1px var(--sg-border);border-radius:.5rem;flex:none;gap:.1rem;padding:.38rem .45rem;animation-name:stream-showcase-module__GtCpna__logIn;display:grid}.stream-showcase-module__GtCpna__logRow[data-state=pending]{background:var(--sg-accent-soft);box-shadow:inset 0 0 0 1px var(--sg-accent-line)}.stream-showcase-module__GtCpna__logType{color:var(--sg-accent-text);font-family:var(--sg-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;overflow:hidden}.stream-showcase-module__GtCpna__logPayload{color:var(--sg-text-3);font-family:var(--sg-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;overflow:hidden}.stream-showcase-module__GtCpna__promptChip{background:var(--sg-accent-soft);min-width:0;color:var(--sg-accent-text);box-shadow:inset 0 0 0 1px var(--sg-accent-line);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .5rem;font-size:.62rem;display:flex}.stream-showcase-module__GtCpna__week{flex:auto;grid-template-rows:auto repeat(5,minmax(0,1fr));grid-template-columns:1.6rem repeat(5,minmax(0,1fr));gap:2px;min-height:0;display:grid}.stream-showcase-module__GtCpna__dayHead{color:var(--sg-text-3);font-family:var(--sg-mono);text-align:center;padding-bottom:.2rem;font-size:.56rem}.stream-showcase-module__GtCpna__hourLabel{color:var(--sg-text-3);font-family:var(--sg-mono);text-align:right;padding-top:.1rem;font-size:.54rem}.stream-showcase-module__GtCpna__weekCell{background:#ffffff08;background:lab(100% 0 0/.03);border-radius:.3rem}.stream-showcase-module__GtCpna__event{background:var(--sg-card-raised);min-width:0;box-shadow:inset 0 0 0 1px var(--sg-border-strong);border-radius:.4rem;flex-direction:column;gap:.05rem;padding:.25rem .35rem;animation-name:stream-showcase-module__GtCpna__riseIn;display:flex}.stream-showcase-module__GtCpna__event[data-state=proposed]{background:var(--sg-accent-soft);box-shadow:inset 0 0 0 1px var(--sg-accent-line), 0 0 0 calc(var(--ph-gate) * 3px) color-mix(in oklab, var(--sg-accent) 22%, transparent);outline:1px dashed var(--sg-accent-line);outline-offset:-1px}.stream-showcase-module__GtCpna__event[data-state=approved]{background:color-mix(in oklab, var(--sg-success) calc(10% + var(--ph-commit) * 10%), transparent);box-shadow:inset 0 0 0 1px #4ecf6b5c, 0 0 0 calc(var(--ph-commit) * 3px) #4ecf6b3d}@supports (color:lab(0% 0 0)){.stream-showcase-module__GtCpna__event[data-state=approved]{box-shadow:inset 0 0 0 1px lab(74.3855% -52.9414 38.4629/.36), 0 0 0 calc(var(--ph-commit) * 3px) lab(74.3855% -52.9414 38.4629/.24)}}.stream-showcase-module__GtCpna__event[data-state=rejected]{opacity:.5;outline-offset:-1px;background:#ffffff05;background:lab(100% 0 0/.02);outline:1px dashed #fb575d73;outline:1px dashed lab(60.8138% 63.7243 32.9224/.45)}.stream-showcase-module__GtCpna__eventTitle{color:var(--sg-text);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;font-weight:620;overflow:hidden}.stream-showcase-module__GtCpna__event[data-state=rejected] .stream-showcase-module__GtCpna__eventTitle{color:var(--sg-danger-text);text-decoration:line-through}.stream-showcase-module__GtCpna__eventTime{color:var(--sg-text-3);font-family:var(--sg-mono);font-size:.52rem}.stream-showcase-module__GtCpna__eventBadge{background:var(--sg-success-soft);width:.9rem;height:.9rem;color:var(--sg-success-text);opacity:calc(.45 + var(--ph-commit) * .55);border-radius:999px;justify-content:center;align-items:center;margin-top:.1rem;display:flex}.stream-showcase-module__GtCpna__event .stream-showcase-module__GtCpna__gateChips{margin-top:.12rem}.stream-showcase-module__GtCpna__thread{flex-direction:column;gap:.5rem;width:100%;max-width:38rem;min-height:0;display:flex;overflow:hidden}.stream-showcase-module__GtCpna__userRow{flex:none;justify-content:flex-end;display:flex}.stream-showcase-module__GtCpna__userBubble{background:var(--sg-card-raised);max-width:78%;color:var(--sg-text);border-radius:.85rem .85rem .25rem;padding:.45rem .65rem;font-size:.72rem;line-height:1.5}.stream-showcase-module__GtCpna__reasoning{box-shadow:inset 0 0 0 1px var(--sg-border);background:#ffffff08;background:lab(100% 0 0/.03);border-radius:.6rem;flex:none;gap:.18rem;padding:.45rem .6rem;animation-name:stream-showcase-module__GtCpna__riseIn;display:grid}.stream-showcase-module__GtCpna__reasoningHead{color:var(--sg-text-3);align-items:center;gap:.25rem;font-size:.62rem;font-weight:620;display:flex}.stream-showcase-module__GtCpna__reasoningLine{color:var(--sg-text-3);font-size:.66rem;line-height:1.5;animation-name:stream-showcase-module__GtCpna__fadeIn}.stream-showcase-module__GtCpna__toolCard{background:var(--sg-card);box-shadow:inset 0 0 0 1px var(--sg-border);border-radius:.65rem;flex:none;gap:.35rem;padding:.5rem .6rem;animation-name:stream-showcase-module__GtCpna__riseIn;display:grid}.stream-showcase-module__GtCpna__toolCard[data-state=approval-requested]{background:var(--sg-accent-soft);box-shadow:inset 0 0 0 1px var(--sg-accent-line), 0 0 0 calc(var(--ph-gate) * 3px) color-mix(in oklab, var(--sg-accent) 20%, transparent)}.stream-showcase-module__GtCpna__toolHead{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stream-showcase-module__GtCpna__toolName{color:var(--sg-text);font-family:var(--sg-mono);font-size:.68rem;font-weight:620}.stream-showcase-module__GtCpna__toolState{white-space:nowrap;border-radius:.35rem;align-items:center;gap:.2rem;padding:.14rem .4rem;font-size:.58rem;font-weight:620;display:inline-flex}.stream-showcase-module__GtCpna__toolState[data-tone=pending]{background:var(--sg-warn-soft);color:var(--sg-warn)}.stream-showcase-module__GtCpna__toolState[data-tone=success]{background:var(--sg-success-soft);color:var(--sg-success-text)}.stream-showcase-module__GtCpna__toolArgs{color:var(--sg-text-2);font-family:var(--sg-mono);text-overflow:ellipsis;white-space:nowrap;background:#00000047;background:lab(0% 0 0/.28);border-radius:.4rem;padding:.3rem .4rem;font-size:.58rem;overflow:hidden}.stream-showcase-module__GtCpna__toolActions{align-items:center;gap:.35rem;display:flex}.stream-showcase-module__GtCpna__toolHint{color:var(--sg-text-3);font-family:var(--sg-mono);white-space:nowrap;margin-left:auto;font-size:.56rem}.stream-showcase-module__GtCpna__answer{flex:none;gap:.05rem;padding:.1rem .1rem 0;display:grid}.stream-showcase-module__GtCpna__composer{background:var(--sg-card);width:100%;max-width:38rem;color:var(--sg-text-3);box-shadow:inset 0 0 0 1px var(--sg-border-strong);border-radius:.75rem;align-items:center;gap:.45rem;padding:.35rem .4rem .35rem .6rem;display:flex}.stream-showcase-module__GtCpna__composerInput{flex:auto;font-size:.7rem}.stream-showcase-module__GtCpna__composerHint{white-space:nowrap;align-items:center;gap:.2rem;font-size:.58rem;display:flex}.stream-showcase-module__GtCpna__composerSend{background:var(--sg-accent);color:#120f1e;color:lab(4.99302% 3.81543 -9.24429);border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.stream-showcase-module__GtCpna__captionStack{min-width:0;max-width:44rem;margin-top:1.05rem;display:grid}.stream-showcase-module__GtCpna__caption{min-width:0;color:var(--opt-text-tertiary);opacity:var(--st-on);text-align:center;text-wrap:balance;word-break:keep-all;grid-area:1/1;justify-content:center;align-items:baseline;gap:.5rem;margin:0;font-size:.88rem;line-height:1.5;display:flex}.stream-showcase-module__GtCpna__captionName{color:var(--opt-text-secondary);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:-.02em;flex:none;font-size:.82rem;font-weight:620}@keyframes stream-showcase-module__GtCpna__streamStage{0%{--st-on:0;--ph-stream:0;--ph-gate:0;--ph-commit:0}2%{--st-on:1;--ph-stream:0;--ph-gate:0;--ph-commit:0}3.5%{--st-on:1;--ph-stream:1;--ph-gate:0;--ph-commit:0}9%{--st-on:1;--ph-stream:1;--ph-gate:0;--ph-commit:0}10.5%{--st-on:1;--ph-stream:0;--ph-gate:1;--ph-commit:0}16%{--st-on:1;--ph-stream:0;--ph-gate:1;--ph-commit:0}17.5%{--st-on:1;--ph-stream:0;--ph-gate:0;--ph-commit:1}23%{--st-on:1;--ph-stream:0;--ph-gate:0;--ph-commit:1}25%{--st-on:0;--ph-stream:0;--ph-gate:0;--ph-commit:0}to{--st-on:0;--ph-stream:0;--ph-gate:0;--ph-commit:0}}@keyframes stream-showcase-module__GtCpna__phaseCycle{0%,8%{--ph-stream:0;--ph-gate:0;--ph-commit:0}14%,36%{--ph-stream:1;--ph-gate:0;--ph-commit:0}42%,64%{--ph-stream:0;--ph-gate:1;--ph-commit:0}70%,92%{--ph-stream:0;--ph-gate:0;--ph-commit:1}to{--ph-stream:0;--ph-gate:0;--ph-commit:0}}@keyframes stream-showcase-module__GtCpna__riseIn{0%,2%{opacity:0;transform:translateY(.4rem)}7%,24%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(.4rem)}}@keyframes stream-showcase-module__GtCpna__logIn{0%,2%{opacity:0;transform:translate(.5rem)}7%,24%{opacity:1;transform:none}25%,to{opacity:0;transform:translate(.5rem)}}@keyframes stream-showcase-module__GtCpna__fadeIn{0%,2%{opacity:0}7%,24%{opacity:1}25%,to{opacity:0}}@keyframes stream-showcase-module__GtCpna__sweep{0%,3%{clip-path:inset(0 100% 0 0)}9%,24%{clip-path:inset(0)}25%,to{clip-path:inset(0 100% 0 0)}}@keyframes stream-showcase-module__GtCpna__progressRun{0%,2%{opacity:1;transform:scaleX(.03)}10%{opacity:1;transform:scaleX(.82)}17%,24%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}@keyframes stream-showcase-module__GtCpna__cellFlash{0%,3%{box-shadow:none;color:var(--sg-text-2);background:0 0}5%,9%{background:var(--sg-accent-soft);box-shadow:0 0 0 3px var(--sg-accent-soft);color:var(--sg-accent-text)}14%,to{color:var(--sg-text-2);background:0 0;box-shadow:0 0 0 3px #0000}}@keyframes stream-showcase-module__GtCpna__trunkRun{0%{opacity:0;stroke-dashoffset:14px}15%,75%{opacity:1}to{opacity:0;stroke-dashoffset:-100px}}@keyframes stream-showcase-module__GtCpna__wireRun{0%{opacity:0;stroke-dashoffset:6px}6%{opacity:1;stroke-dashoffset:6px}46%{opacity:1;stroke-dashoffset:-100px}52%,to{opacity:0;stroke-dashoffset:-100px}}@keyframes stream-showcase-module__GtCpna__providerBreathe{0%,to{box-shadow:inset 0 0 0 1px var(--opt-border), 0 6px 16px color-mix(in oklab, var(--opt-text) 10%, transparent);transform:translate(-50%,-50%)scale(1)}7%{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-accent) 52%, transparent), 0 10px 26px color-mix(in oklab, var(--opt-accent) 24%, transparent);transform:translate(-50%,-50%)scale(1.07)}26%{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-accent) 20%, transparent), 0 7px 18px color-mix(in oklab, var(--opt-text) 12%, transparent);transform:translate(-50%,-50%)scale(1.01)}}@keyframes stream-showcase-module__GtCpna__portHalo{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:.9;transform:scale(1.04)}}@keyframes stream-showcase-module__GtCpna__pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes stream-showcase-module__GtCpna__bounceDot{0%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-.12rem)}}@keyframes stream-showcase-module__GtCpna__caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes stream-showcase-module__GtCpna__spin{to{transform:rotate(1turn)}}@media (min-width:64rem){.stream-showcase-module__GtCpna__root{grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:2rem}.stream-showcase-module__GtCpna__cluster[data-variant=wide]{display:block}.stream-showcase-module__GtCpna__cluster[data-variant=stacked]{display:none}}@media (max-width:63.99rem){.stream-showcase-module__GtCpna__pipelineCodeStack{display:none}}@media (max-width:52rem){.stream-showcase-module__GtCpna__window{height:29rem}.stream-showcase-module__GtCpna__pipeline{gap:.4rem}.stream-showcase-module__GtCpna__screenBody[data-layout=rail]{grid-template-columns:minmax(0,1fr) 11.5rem}.stream-showcase-module__GtCpna__tableCell:nth-child(2){display:none}.stream-showcase-module__GtCpna__tableRow{grid-template-columns:1.5fr .9fr .9fr .85fr}}@media (max-width:42rem){.stream-showcase-module__GtCpna__window{height:30rem}.stream-showcase-module__GtCpna__surfaceMeta,.stream-showcase-module__GtCpna__promptChip{display:none}.stream-showcase-module__GtCpna__screenBody[data-layout=rail]{grid-template-columns:minmax(0,1fr)}.stream-showcase-module__GtCpna__rail{display:none}}@media (prefers-reduced-motion:reduce){.stream-showcase-module__GtCpna__motion,.stream-showcase-module__GtCpna__wirePulse,.stream-showcase-module__GtCpna__trunkPulse,.stream-showcase-module__GtCpna__provider,.stream-showcase-module__GtCpna__portHalo,.stream-showcase-module__GtCpna__statusDot,.stream-showcase-module__GtCpna__railRowDot,.stream-showcase-module__GtCpna__cellSpinner,.stream-showcase-module__GtCpna__caret{animation:none}.stream-showcase-module__GtCpna__screen,.stream-showcase-module__GtCpna__caption,.stream-showcase-module__GtCpna__pipelineCodeItem{--st-on:1;--ph-gate:1}.stream-showcase-module__GtCpna__screen:not(:first-child),.stream-showcase-module__GtCpna__caption:not(:first-child),.stream-showcase-module__GtCpna__pipelineCodeItem:not(:first-child){--st-on:0}.stream-showcase-module__GtCpna__pipeline{--ph-gate:1}.stream-showcase-module__GtCpna__ins,.stream-showcase-module__GtCpna__streamLine{clip-path:none}.stream-showcase-module__GtCpna__provider{transform:translate(-50%,-50%)}}
.tool-showcase-module__5roulq__showcase{--mk-blue:#2563eb;--mk-emerald:#10b981;--mk-violet:#8b5cf6;--mk-rose:#f43f5e;--mk-amber:#f59e0b;--mk-accent:var(--mk-blue)}.tool-showcase-module__5roulq__motion{animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-play-state:paused;animation-fill-mode:both}[data-in-view=true] .tool-showcase-module__5roulq__motion{animation-play-state:running}[data-showcase-screen]:not([data-on=true]) .tool-showcase-module__5roulq__motion{animation:none}.tool-showcase-module__5roulq__window{background:linear-gradient(var(--opt-bg-subtle), var(--opt-bg-subtle)), var(--opt-bg);width:100%;max-width:60rem;height:28rem;box-shadow:0 0 0 1px var(--opt-border), 0 2px 6px color-mix(in oklab, var(--opt-text) 7%, transparent), 0 22px 50px color-mix(in oklab, var(--opt-text) 12%, transparent);border-radius:1.1rem;display:grid;overflow:hidden}.tool-showcase-module__5roulq__workspace{--rail:12.75rem;--rail-right:12rem;min-width:0;min-height:0;display:grid}.tool-showcase-module__5roulq__workspace[data-panes=rail-main]{grid-template-columns:var(--rail) minmax(0, 1fr)}.tool-showcase-module__5roulq__workspace[data-panes=rail-main-rail]{grid-template-columns:var(--rail) minmax(0, 1fr) var(--rail-right)}.tool-showcase-module__5roulq__workspace[data-panes=canvas]{grid-template-columns:minmax(0,1fr);position:relative}.tool-showcase-module__5roulq__rail{flex-direction:column;gap:.3rem;min-width:0;min-height:0;padding:.45rem;display:flex;position:relative;overflow:hidden}.tool-showcase-module__5roulq__railEdge{background:linear-gradient(to bottom, transparent, var(--opt-border), transparent);width:1px;position:absolute;top:.6rem;bottom:.6rem}.tool-showcase-module__5roulq__railEdge[data-side=left]{right:0}.tool-showcase-module__5roulq__railEdge[data-side=right]{left:0}.tool-showcase-module__5roulq__railGrip{background:var(--opt-bg-subtle);border-radius:999px;align-content:center;justify-items:center;gap:.1rem;width:.34rem;height:.85rem;display:grid;position:absolute;top:2.4rem;left:-.16rem}.tool-showcase-module__5roulq__railGrip:before,.tool-showcase-module__5roulq__railGrip:after{background:var(--opt-border-hover,var(--opt-border));content:"";border-radius:999px;width:.11rem;height:.11rem}.tool-showcase-module__5roulq__chrome{background:var(--opt-surface);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 70%, transparent), 0 6px 16px color-mix(in oklab, var(--opt-text) 4%, transparent);border-radius:.55rem;flex:none;align-items:center;gap:.35rem;padding:.32rem .36rem;display:flex}.tool-showcase-module__5roulq__chromeBack{background:color-mix(in oklab, var(--opt-bg-muted) 70%, transparent);width:1.2rem;height:1.2rem;color:var(--opt-text-secondary);border-radius:999px;flex:none;place-items:center;display:grid}.tool-showcase-module__5roulq__chromeBackIcon{width:.72rem;height:.72rem}.tool-showcase-module__5roulq__chromeTitle{min-width:0;color:var(--opt-text);letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.66rem;font-weight:640;overflow:hidden}.tool-showcase-module__5roulq__chromeToggle{width:.7rem;height:.7rem;color:var(--opt-text-tertiary);flex:none}.tool-showcase-module__5roulq__card{background:var(--opt-surface);min-height:0;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 60%, transparent), 0 6px 16px color-mix(in oklab, var(--opt-text) 3.5%, transparent);border-radius:.55rem;flex:none;align-content:start;gap:.3rem;padding:.42rem .44rem;display:grid;overflow:hidden}.tool-showcase-module__5roulq__card[data-grow=true]{flex:auto}.tool-showcase-module__5roulq__cardHead{gap:.06rem;display:grid}.tool-showcase-module__5roulq__cardTitle{color:var(--opt-text);font-size:.62rem;font-weight:620}.tool-showcase-module__5roulq__cardHint{color:var(--opt-text-tertiary);font-size:.53rem;line-height:1.45}.tool-showcase-module__5roulq__main{gap:.45rem;min-width:0;min-height:0;padding:.55rem;display:grid;position:relative;overflow:hidden}.tool-showcase-module__5roulq__main[data-stack=true]{grid-template-rows:auto auto;align-content:start}.tool-showcase-module__5roulq__surfaceCard{background:var(--opt-surface);min-width:0;min-height:0;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 60%, transparent), 0 8px 22px color-mix(in oklab, var(--opt-text) 4%, transparent);border-radius:.6rem;flex-direction:column;display:flex;overflow:hidden}.tool-showcase-module__5roulq__microIcon{flex:none;width:.72rem;height:.72rem}.tool-showcase-module__5roulq__fieldLabel{color:var(--opt-text-tertiary);font-size:.53rem}.tool-showcase-module__5roulq__fieldStack{gap:.14rem;display:grid}.tool-showcase-module__5roulq__fieldRow{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.tool-showcase-module__5roulq__input{background:color-mix(in oklab, var(--opt-bg-muted) 55%, transparent);min-width:0;height:1.35rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 60%, transparent);color:var(--opt-text);text-overflow:ellipsis;white-space:nowrap;border-radius:.35rem;align-items:center;padding:0 .4rem;font-size:.58rem;display:flex;overflow:hidden}.tool-showcase-module__5roulq__input[data-mono=true]{font-family:var(--font-geist-mono), ui-monospace, monospace}.tool-showcase-module__5roulq__input[data-flex=true]{flex:1}.tool-showcase-module__5roulq__select{background:color-mix(in oklab, var(--opt-bg-muted) 55%, transparent);height:1.35rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 60%, transparent);color:var(--opt-text);border-radius:.35rem;align-items:center;gap:.25rem;padding:0 .35rem;font-size:.58rem;display:inline-flex}.tool-showcase-module__5roulq__softButton{background:color-mix(in oklab, var(--opt-bg-muted) 55%, transparent);min-width:0;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 45%, transparent);color:var(--opt-text-secondary);white-space:nowrap;border-radius:.35rem;justify-content:center;align-items:center;gap:.28rem;padding:.25rem .45rem;font-size:.58rem;font-weight:560;display:inline-flex}.tool-showcase-module__5roulq__softButton[data-block=true]{text-overflow:ellipsis;justify-content:flex-start;overflow:hidden}.tool-showcase-module__5roulq__accentButton{background:color-mix(in oklab, var(--mk-accent) 12%, transparent);color:var(--mk-accent);white-space:nowrap;border-radius:.35rem;justify-content:center;align-items:center;gap:.28rem;padding:.28rem .5rem;font-size:.58rem;font-weight:620;display:inline-flex}.tool-showcase-module__5roulq__accentButton[data-block=true]{background:var(--mk-accent);color:#fff;justify-content:center}.tool-showcase-module__5roulq__accentButton[data-lg=true]{background:var(--mk-accent);color:#fff;border-radius:.4rem;padding:.34rem .7rem;font-size:.62rem}.tool-showcase-module__5roulq__iconButton{background:color-mix(in oklab, var(--opt-bg-muted) 55%, transparent);width:1.35rem;height:1.35rem;color:var(--opt-text-tertiary);border-radius:.35rem;flex:none;place-items:center;display:grid}.tool-showcase-module__5roulq__segmented{background:color-mix(in oklab, var(--opt-bg-muted) 45%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 55%, transparent);border-radius:.42rem;gap:.14rem;padding:.14rem;display:inline-flex}.tool-showcase-module__5roulq__segmented[data-block=true]{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.tool-showcase-module__5roulq__segmentedItem{color:var(--opt-text-secondary);text-align:center;white-space:nowrap;border-radius:.3rem;padding:.16rem .36rem;font-size:.56rem;font-weight:580}.tool-showcase-module__5roulq__segmented[data-block=true] .tool-showcase-module__5roulq__segmentedItem{text-overflow:ellipsis;padding:.16rem .2rem;font-size:.52rem;overflow:hidden}.tool-showcase-module__5roulq__segmentedItem[data-on=true]{background:var(--opt-surface);box-shadow:0 2px 6px color-mix(in oklab, var(--opt-text) 8%, transparent);color:var(--mk-accent)}.tool-showcase-module__5roulq__toolbarRow{align-items:center;gap:.22rem;min-width:0;display:flex}.tool-showcase-module__5roulq__chipRow{align-items:center;gap:.22rem;display:flex}.tool-showcase-module__5roulq__chipWrap{flex-wrap:wrap;gap:.18rem;display:flex}.tool-showcase-module__5roulq__metaChip{background:color-mix(in oklab, var(--opt-bg-muted) 60%, transparent);color:var(--opt-text-tertiary);white-space:nowrap;border-radius:999px;padding:.1rem .38rem;font-size:.52rem;font-weight:600}.tool-showcase-module__5roulq__infoBadge{background:color-mix(in oklab, var(--mk-blue) 12%, transparent);color:var(--mk-blue);white-space:nowrap;border-radius:999px;padding:.1rem .38rem;font-size:.52rem;font-weight:620}.tool-showcase-module__5roulq__warnBadge{background:color-mix(in oklab, var(--mk-amber) 18%, transparent);color:color-mix(in oklab, var(--mk-amber) 72%, var(--opt-text));font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:nowrap;border-radius:999px;padding:.1rem .38rem;font-size:.5rem;font-weight:620}.tool-showcase-module__5roulq__tagButton{background:color-mix(in oklab, var(--opt-bg-muted) 50%, transparent);color:var(--opt-text-secondary);white-space:nowrap;border-radius:.28rem;padding:.1rem .26rem;font-size:.5rem;font-weight:600}.tool-showcase-module__5roulq__tagButton[data-on=true]{background:color-mix(in oklab, var(--mk-accent) 12%, transparent);color:var(--mk-accent)}.tool-showcase-module__5roulq__checkRow{color:var(--opt-text-tertiary);align-items:center;gap:.22rem;font-size:.54rem;display:inline-flex}.tool-showcase-module__5roulq__checkbox{width:.6rem;height:.6rem;box-shadow:inset 0 0 0 1px var(--opt-border-hover,var(--opt-border));border-radius:.16rem}.tool-showcase-module__5roulq__sectionHead{box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--opt-border) 55%, transparent);justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.45rem .55rem;display:flex}.tool-showcase-module__5roulq__sectionText{gap:.06rem;min-width:0;display:grid}.tool-showcase-module__5roulq__sectionTitle{color:var(--opt-text);letter-spacing:-.012em;font-size:.66rem;font-weight:640}.tool-showcase-module__5roulq__sectionHint{color:var(--opt-text-tertiary);text-overflow:ellipsis;font-size:.54rem;line-height:1.4;overflow:hidden}.tool-showcase-module__5roulq__metricRow{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.tool-showcase-module__5roulq__metricLabel{color:var(--opt-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;overflow:hidden}.tool-showcase-module__5roulq__metricValue{color:var(--opt-text);font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:nowrap;font-size:.54rem;font-weight:620}.tool-showcase-module__5roulq__tileRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:.22rem;display:grid}.tool-showcase-module__5roulq__tile{background:color-mix(in oklab, var(--opt-bg-muted) 45%, transparent);border-radius:.35rem;gap:.05rem;padding:.28rem .3rem;display:grid}.tool-showcase-module__5roulq__tileLabel{color:var(--opt-text-tertiary);font-size:.48rem}.tool-showcase-module__5roulq__tileValue{color:var(--opt-text);font-size:.72rem;font-weight:640}.tool-showcase-module__5roulq__seedRow{align-items:flex-end;gap:.35rem;display:flex}.tool-showcase-module__5roulq__seedSwatch{background:var(--mk-blue);width:1.5rem;height:1.35rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-text) 10%, transparent);border-radius:.3rem;flex:none}.tool-showcase-module__5roulq__seedField{flex:1;gap:.14rem;min-width:0;display:grid}.tool-showcase-module__5roulq__optionList{gap:.2rem;display:grid}.tool-showcase-module__5roulq__optionRow{background:color-mix(in oklab, var(--opt-bg-muted) 40%, transparent);opacity:0;border-radius:.4rem;align-items:center;gap:.35rem;padding:.24rem .3rem;animation-name:tool-showcase-module__5roulq__row-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.tool-showcase-module__5roulq__optionRow[data-on=true]{background:color-mix(in oklab, var(--mk-accent) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mk-accent) 45%, transparent)}.tool-showcase-module__5roulq__optionWheel,.tool-showcase-module__5roulq__wheel{background:conic-gradient(from 90deg,#f43f5e,#f59e0b,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#f43f5e);border-radius:999px;position:relative;overflow:hidden}.tool-showcase-module__5roulq__optionWheel{flex:none;width:1.05rem;height:1.05rem}.tool-showcase-module__5roulq__wheelDot{top:var(--dot-top);left:var(--dot-left);background:color-mix(in oklab, var(--opt-text) 70%, #fff);border-radius:999px;width:.26rem;height:.26rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff}.tool-showcase-module__5roulq__optionText{flex:1;gap:.02rem;min-width:0;display:grid}.tool-showcase-module__5roulq__optionLabel{color:var(--opt-text);font-size:.56rem;font-weight:600}.tool-showcase-module__5roulq__optionHint{color:var(--opt-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;overflow:hidden}.tool-showcase-module__5roulq__radio{width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1px var(--opt-border-hover,var(--opt-border));border-radius:999px;flex:none}.tool-showcase-module__5roulq__optionRow[data-on=true] .tool-showcase-module__5roulq__radio{background:var(--mk-accent);box-shadow:none}.tool-showcase-module__5roulq__harmonyBody{grid-template-columns:7.5rem minmax(0,1fr);gap:.5rem;min-height:0;padding:.5rem .55rem;display:grid}.tool-showcase-module__5roulq__wheelBox{background:color-mix(in oklab, var(--opt-bg-muted) 45%, transparent);border-radius:.5rem;align-content:center;justify-items:center;gap:.3rem;display:grid}.tool-showcase-module__5roulq__wheel{width:4.6rem;height:4.6rem;box-shadow:inset 0 0 0 1px #ffffff8c}.tool-showcase-module__5roulq__wheel:after{content:"";background:#ffffff52;border-radius:999px;position:absolute;inset:22%;box-shadow:inset 0 0 0 1px #ffffff73}.tool-showcase-module__5roulq__wheel .tool-showcase-module__5roulq__wheelDot{z-index:1;width:.46rem;height:.46rem;box-shadow:0 0 0 1.5px #fff}.tool-showcase-module__5roulq__wheel .tool-showcase-module__5roulq__wheelDot[data-role="0"]{background:var(--mk-blue)}.tool-showcase-module__5roulq__wheel .tool-showcase-module__5roulq__wheelDot[data-role="1"]{background:#ad5400}.tool-showcase-module__5roulq__wheel .tool-showcase-module__5roulq__wheelDot[data-role="2"]{background:#727700}.tool-showcase-module__5roulq__wheelHint{color:var(--opt-text-tertiary);text-align:center;font-size:.48rem}.tool-showcase-module__5roulq__harmonyRight{align-content:start;gap:.4rem;min-width:0;display:grid}.tool-showcase-module__5roulq__strip{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 60%, transparent);border-radius:.45rem;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.tool-showcase-module__5roulq__stripCell{grid-template-rows:2.6rem auto;min-width:0;display:grid}.tool-showcase-module__5roulq__stripCell:not(:last-child){border-right:1px solid color-mix(in oklab, var(--opt-border) 55%, transparent)}.tool-showcase-module__5roulq__stripSwatch{transform-origin:bottom;animation-name:tool-showcase-module__5roulq__swatch-fill;animation-timing-function:cubic-bezier(.16,1,.3,1)}.tool-showcase-module__5roulq__stripSwatch[data-role=primary]{background:var(--mk-blue)}.tool-showcase-module__5roulq__stripSwatch[data-role=secondary]{background:#ad5400}.tool-showcase-module__5roulq__stripSwatch[data-role=accent]{background:#727700}.tool-showcase-module__5roulq__stripSwatch[data-role=surface]{background:#f8fafc}.tool-showcase-module__5roulq__stripSwatch[data-role=ink]{background:#101215}.tool-showcase-module__5roulq__stripMeta{gap:.02rem;min-width:0;padding:.22rem .3rem;display:grid}.tool-showcase-module__5roulq__stripLabel{color:var(--opt-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;font-weight:620;overflow:hidden}.tool-showcase-module__5roulq__stripValue{color:var(--opt-text-tertiary);font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;overflow:hidden}.tool-showcase-module__5roulq__hueRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;display:grid}.tool-showcase-module__5roulq__hueCard{background:color-mix(in oklab, var(--opt-bg-muted) 50%, transparent);opacity:0;border-radius:.4rem;gap:.03rem;padding:.3rem .35rem;animation-name:tool-showcase-module__5roulq__row-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:grid}.tool-showcase-module__5roulq__hueLabel{color:var(--opt-text-tertiary);font-size:.48rem}.tool-showcase-module__5roulq__hueValue{color:var(--opt-text);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.56rem;font-weight:640}.tool-showcase-module__5roulq__hueNote{color:var(--mk-accent);font-size:.48rem;font-weight:600}.tool-showcase-module__5roulq__brandHero{opacity:0;background:radial-gradient(120% 140% at 12% 8%,#2f4dbb,#0000 58%),radial-gradient(110% 130% at 92% 84%,#2b1e6b,#0000 60%),linear-gradient(140deg,#0d1330,#131a3d);border-radius:.6rem;align-content:center;gap:.3rem;min-height:13.5rem;padding:.9rem 1rem;animation-name:tool-showcase-module__5roulq__card-pop;animation-timing-function:cubic-bezier(.16,1,.3,1);display:grid}.tool-showcase-module__5roulq__heroEyebrow{color:#ffffff9e;letter-spacing:.18em;text-transform:uppercase;font-size:.5rem;font-weight:640}.tool-showcase-module__5roulq__heroTitle{color:#fff;letter-spacing:-.025em;font-size:1.15rem;font-weight:640}.tool-showcase-module__5roulq__heroStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;margin-top:.35rem;display:grid}.tool-showcase-module__5roulq__heroStat{background:#ffffff1a;border-radius:.4rem;gap:.05rem;padding:.3rem .4rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.tool-showcase-module__5roulq__heroStatName{color:#fff;font-size:.56rem;font-weight:600}.tool-showcase-module__5roulq__heroStatNote{color:#ffffff8c;font-size:.48rem}.tool-showcase-module__5roulq__presetGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;display:grid}.tool-showcase-module__5roulq__presetItem{background:color-mix(in oklab, var(--opt-bg-muted) 40%, transparent);min-width:0;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 45%, transparent);opacity:0;border-radius:.4rem;gap:.22rem;padding:.22rem;animation-name:tool-showcase-module__5roulq__row-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:grid}.tool-showcase-module__5roulq__presetItem[data-on=true]{background:color-mix(in oklab, var(--mk-accent) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mk-accent) 50%, transparent)}.tool-showcase-module__5roulq__presetThumb{border-radius:.3rem;height:1.7rem;box-shadow:inset 0 1px #ffffff2e}.tool-showcase-module__5roulq__presetThumb[data-preset=aurora]{background:linear-gradient(135deg,#101a34,#2a1f4d 55%,#123040)}.tool-showcase-module__5roulq__presetThumb[data-preset=signal]{background:linear-gradient(135deg,#1a0d16,#2e1220)}.tool-showcase-module__5roulq__presetThumb[data-preset=lagoon]{background:linear-gradient(135deg,#06283d,#0d3c4a)}.tool-showcase-module__5roulq__presetThumb[data-preset=prism]{background:linear-gradient(135deg,#16111f,#241733)}.tool-showcase-module__5roulq__presetThumb[data-preset=graphite]{background:linear-gradient(135deg,#131313,#22242a)}.tool-showcase-module__5roulq__presetThumb[data-preset=cobalt]{background:linear-gradient(135deg,#0a1330,#102045)}.tool-showcase-module__5roulq__presetMeta{justify-content:space-between;align-items:baseline;gap:.2rem;min-width:0;display:flex}.tool-showcase-module__5roulq__presetName{color:var(--opt-text);text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;font-weight:620;overflow:hidden}.tool-showcase-module__5roulq__presetGroup{color:var(--opt-text-tertiary);white-space:nowrap;font-size:.46rem}.tool-showcase-module__5roulq__canvasChips{grid-template-columns:repeat(3,minmax(0,1fr));gap:.18rem;display:grid}.tool-showcase-module__5roulq__canvasChip{background:color-mix(in oklab, var(--opt-bg-muted) 50%, transparent);text-align:center;border-radius:.34rem;gap:.02rem;padding:.22rem .2rem;display:grid}.tool-showcase-module__5roulq__canvasChip[data-on=true]{background:var(--mk-accent)}.tool-showcase-module__5roulq__canvasChipName{color:var(--opt-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;font-weight:620;overflow:hidden}.tool-showcase-module__5roulq__canvasChipSize{color:var(--opt-text-tertiary);font-size:.42rem}.tool-showcase-module__5roulq__canvasChip[data-on=true] .tool-showcase-module__5roulq__canvasChipName,.tool-showcase-module__5roulq__canvasChip[data-on=true] .tool-showcase-module__5roulq__canvasChipSize{color:#fff}.tool-showcase-module__5roulq__canvasChip[data-on=true] .tool-showcase-module__5roulq__canvasChipSize{opacity:.75}.tool-showcase-module__5roulq__layerRow{background:color-mix(in oklab, var(--opt-bg-muted) 40%, transparent);opacity:0;border-radius:.35rem;align-items:center;gap:.3rem;padding:.22rem .28rem;animation-name:tool-showcase-module__5roulq__row-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.tool-showcase-module__5roulq__layerRow[data-on=true]{background:color-mix(in oklab, var(--mk-accent) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mk-accent) 45%, transparent)}.tool-showcase-module__5roulq__layerSwatch{width:1.15rem;height:.8rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-text) 10%, transparent);border-radius:.2rem;flex:none}.tool-showcase-module__5roulq__layerSwatch[data-layer=linear]{background:linear-gradient(90deg,#2b1533,#123040)}.tool-showcase-module__5roulq__layerSwatch[data-layer=radial]{background:radial-gradient(circle at 30% 40%,#c2497f,#2b1533 70%)}.tool-showcase-module__5roulq__layerSwatch[data-layer=conic]{background:conic-gradient(from 140deg,#2aa6b8,#c2497f,#2aa6b8)}.tool-showcase-module__5roulq__layerSwatch[data-layer=noise]{background:repeating-conic-gradient(var(--opt-text-tertiary) 0% 25%, transparent 0% 50%);background-size:.16rem .16rem}.tool-showcase-module__5roulq__layerMeta{flex:1;gap:.01rem;min-width:0;display:grid}.tool-showcase-module__5roulq__layerName{color:var(--opt-text);text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;font-weight:600;overflow:hidden}.tool-showcase-module__5roulq__layerType{color:var(--opt-text-tertiary);font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;font-size:.44rem;overflow:hidden}.tool-showcase-module__5roulq__stopRow{background:color-mix(in oklab, var(--opt-bg-muted) 45%, transparent);opacity:0;border-radius:.35rem;align-items:center;gap:.3rem;padding:.22rem .28rem;animation-name:tool-showcase-module__5roulq__row-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.tool-showcase-module__5roulq__stopSwatch{width:.85rem;height:.85rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-text) 12%, transparent);border-radius:.22rem;flex:none}.tool-showcase-module__5roulq__stopSwatch[data-stop="0"]{background:#c2497f}.tool-showcase-module__5roulq__stopSwatch[data-stop="1"]{background:#2aa6b8}.tool-showcase-module__5roulq__stopHex{color:var(--opt-text);font-family:var(--font-geist-mono), ui-monospace, monospace;flex:1;font-size:.5rem;font-weight:600}.tool-showcase-module__5roulq__stopPosition{color:var(--opt-text-tertiary);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.5rem}.tool-showcase-module__5roulq__canvasFrame{grid-template-rows:auto minmax(0,1fr);gap:.45rem;min-height:0;display:grid}.tool-showcase-module__5roulq__canvasHead{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.tool-showcase-module__5roulq__statusPill{background:color-mix(in oklab, var(--opt-surface) 90%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 60%, transparent);color:var(--opt-text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.12rem .42rem;font-size:.52rem;font-weight:600;display:inline-flex}.tool-showcase-module__5roulq__statusDot{background:var(--mk-blue);border-radius:999px;width:.28rem;height:.28rem}.tool-showcase-module__5roulq__canvasStage{background:color-mix(in oklab, var(--opt-text) 4%, transparent);border-radius:.6rem;place-items:center;min-height:0;padding:.6rem;display:grid}.tool-showcase-module__5roulq__gradientAsset{aspect-ratio:16/9;opacity:0;background:radial-gradient(95% 120% at 16% 10%,#c2497f,#0000 62%),radial-gradient(100% 130% at 92% 88%,#2aa6b8,#0000 62%),linear-gradient(140deg,#2b1533,#123040);border-radius:.55rem;width:100%;max-height:100%;animation-name:tool-showcase-module__5roulq__card-pop;animation-timing-function:cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #0f172a42}.tool-showcase-module__5roulq__safeArea{border:1px dashed #ffffff6b;border-radius:.4rem;align-content:center;gap:.2rem;padding:0 1rem;display:grid;position:absolute;inset:12%}.tool-showcase-module__5roulq__safeLabel{color:#ffffffc7;letter-spacing:.18em;text-transform:uppercase;font-size:.5rem;font-weight:620}.tool-showcase-module__5roulq__safeTitle{color:#fff;letter-spacing:-.028em;max-width:62%;font-size:1.05rem;font-weight:640;line-height:1.2}.tool-showcase-module__5roulq__safeBody{color:#ffffffb8;max-width:52%;font-size:.56rem;line-height:1.5}.tool-showcase-module__5roulq__handleCenter,.tool-showcase-module__5roulq__handleRadius{background:var(--mk-blue);border:1.5px solid #fff;position:absolute;top:10%;transform:translate(-50%,-50%);box-shadow:0 1px 6px #00000059}.tool-showcase-module__5roulq__handleCenter{border-radius:999px;width:.55rem;height:.55rem;left:16%}.tool-showcase-module__5roulq__handleRadius{border-radius:.1rem;width:.42rem;height:.42rem;left:83%}.tool-showcase-module__5roulq__sliderRow{opacity:0;gap:.18rem;animation-name:tool-showcase-module__5roulq__row-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:grid}.tool-showcase-module__5roulq__sliderLabel{color:var(--opt-text-secondary);justify-content:space-between;align-items:baseline;gap:.3rem;font-size:.54rem;display:flex}.tool-showcase-module__5roulq__sliderValue{color:var(--opt-text);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.52rem;font-weight:620}.tool-showcase-module__5roulq__sliderTrack{background:color-mix(in oklab, var(--opt-bg-muted) 85%, transparent);border-radius:999px;height:.24rem;position:relative}.tool-showcase-module__5roulq__sliderFill{background:var(--mk-blue);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.tool-showcase-module__5roulq__sliderThumb{background:var(--mk-blue);width:.42rem;height:.42rem;box-shadow:0 0 0 1.5px var(--opt-surface);border-radius:999px;position:absolute;top:50%;transform:translate(-50%,-50%)}.tool-showcase-module__5roulq__themeScreen{animation-name:tool-showcase-module__5roulq__accent-cycle;animation-timing-function:step-end}.tool-showcase-module__5roulq__accentCurrent{align-items:center;gap:.35rem;display:flex}.tool-showcase-module__5roulq__accentSwatch{background:var(--mk-accent);width:1.35rem;height:1.35rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-text) 10%, transparent);border-radius:.3rem;flex:none}.tool-showcase-module__5roulq__accentSwatch[data-size=sm]{border-radius:.25rem;width:1rem;height:1rem}.tool-showcase-module__5roulq__accentText{gap:.02rem;min-width:0;display:grid}.tool-showcase-module__5roulq__accentName{color:var(--opt-text);font-size:.56rem;font-weight:600}.tool-showcase-module__5roulq__accentValue{color:var(--opt-text-tertiary);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.48rem}.tool-showcase-module__5roulq__accentDots{grid-template-columns:repeat(5,minmax(0,1fr));gap:.15rem;display:grid}.tool-showcase-module__5roulq__accentDotCell{justify-items:center;gap:.12rem;display:grid}.tool-showcase-module__5roulq__accentDot{border-radius:999px;width:.72rem;height:.72rem;animation-name:tool-showcase-module__5roulq__dot-select}.tool-showcase-module__5roulq__accentDot[data-accent="0"]{background:var(--mk-blue)}.tool-showcase-module__5roulq__accentDot[data-accent="1"]{background:var(--mk-emerald)}.tool-showcase-module__5roulq__accentDot[data-accent="2"]{background:var(--mk-violet)}.tool-showcase-module__5roulq__accentDot[data-accent="3"]{background:var(--mk-rose)}.tool-showcase-module__5roulq__accentDot[data-accent="4"]{background:var(--mk-amber)}.tool-showcase-module__5roulq__accentDotName{max-width:100%;color:var(--opt-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.44rem;overflow:hidden}.tool-showcase-module__5roulq__tokenRow{opacity:0;align-items:center;gap:.35rem;animation-name:tool-showcase-module__5roulq__row-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.tool-showcase-module__5roulq__tokenMeta{flex:1;gap:.01rem;min-width:0;display:grid}.tool-showcase-module__5roulq__tokenLabel{color:var(--opt-text);text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;font-weight:580;overflow:hidden}.tool-showcase-module__5roulq__tokenVariable{color:var(--opt-text-tertiary);font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;font-size:.44rem;overflow:hidden}.tool-showcase-module__5roulq__tokenSwatch{width:1.6rem;height:.85rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-text) 12%, transparent);border-radius:.22rem;flex:none}.tool-showcase-module__5roulq__tokenSwatch[data-tone=surface]{background:var(--opt-surface)}.tool-showcase-module__5roulq__tokenSwatch[data-tone=raised]{background:var(--opt-bg-muted)}.tool-showcase-module__5roulq__tokenSwatch[data-tone=accent]{background:var(--mk-accent)}.tool-showcase-module__5roulq__tokenSwatch[data-tone=text]{background:var(--opt-text)}.tool-showcase-module__5roulq__previewCard{background:var(--opt-surface);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 60%, transparent), 0 6px 16px color-mix(in oklab, var(--opt-text) 4%, transparent);border-radius:.45rem;gap:.2rem;padding:.5rem .55rem;display:grid}.tool-showcase-module__5roulq__previewCardTitle{color:var(--opt-text);font-size:.58rem;font-weight:620}.tool-showcase-module__5roulq__previewCardBody{color:var(--opt-text-secondary);font-size:.54rem;line-height:1.45}.tool-showcase-module__5roulq__progressTrack{background:color-mix(in oklab, var(--opt-bg-muted) 85%, transparent);border-radius:999px;height:.28rem;margin-top:.15rem}.tool-showcase-module__5roulq__progressFill{background:var(--mk-accent);border-radius:999px;width:65%;height:100%;display:block}.tool-showcase-module__5roulq__previewHead{box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--opt-border) 55%, transparent);align-items:center;gap:.4rem;padding:.4rem .5rem;display:flex}.tool-showcase-module__5roulq__previewHead .tool-showcase-module__5roulq__sectionText{flex:1}.tool-showcase-module__5roulq__tabRow{box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--opt-border) 55%, transparent);gap:.5rem;padding:0 .55rem;display:flex;overflow:hidden}.tool-showcase-module__5roulq__tabItem{color:var(--opt-text-tertiary);white-space:nowrap;padding:.32rem 0;font-size:.56rem;font-weight:580}.tool-showcase-module__5roulq__tabItem[data-on=true]{box-shadow:inset 0 -2px 0 var(--mk-accent);color:var(--mk-accent);font-weight:640}.tool-showcase-module__5roulq__previewBody{flex:1;align-content:start;gap:.4rem;min-height:0;padding:.55rem;display:grid;overflow:hidden}.tool-showcase-module__5roulq__previewButtons{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.tool-showcase-module__5roulq__outlineButton,.tool-showcase-module__5roulq__ghostButton,.tool-showcase-module__5roulq__dangerButton,.tool-showcase-module__5roulq__disabledButton{white-space:nowrap;border-radius:.4rem;padding:.34rem .7rem;font-size:.62rem;font-weight:620}.tool-showcase-module__5roulq__outlineButton{background:var(--opt-surface);box-shadow:inset 0 0 0 1px var(--opt-border-hover,var(--opt-border));color:var(--opt-text)}.tool-showcase-module__5roulq__ghostButton{color:var(--opt-text-secondary)}.tool-showcase-module__5roulq__dangerButton{background:var(--mk-rose);color:#fff}.tool-showcase-module__5roulq__disabledButton{background:color-mix(in oklab, var(--mk-accent) 38%, var(--opt-surface));color:#ffffffc7}.tool-showcase-module__5roulq__toneBadge{border-radius:999px;padding:.12rem .42rem;font-size:.54rem;font-weight:620}.tool-showcase-module__5roulq__toneBadge[data-tone=default]{background:color-mix(in oklab, var(--opt-bg-muted) 60%, transparent);color:var(--opt-text-secondary)}.tool-showcase-module__5roulq__toneBadge[data-tone=success]{background:color-mix(in oklab, var(--mk-emerald) 16%, transparent);color:color-mix(in oklab, var(--mk-emerald) 78%, var(--opt-text))}.tool-showcase-module__5roulq__toneBadge[data-tone=warning]{background:color-mix(in oklab, var(--mk-amber) 20%, transparent);color:color-mix(in oklab, var(--mk-amber) 70%, var(--opt-text))}.tool-showcase-module__5roulq__toneBadge[data-tone=error]{background:color-mix(in oklab, var(--mk-rose) 16%, transparent);color:color-mix(in oklab, var(--mk-rose) 80%, var(--opt-text))}.tool-showcase-module__5roulq__toneBadge[data-tone=info]{background:color-mix(in oklab, var(--mk-accent) 14%, transparent);color:var(--mk-accent)}.tool-showcase-module__5roulq__alert{opacity:0;border-radius:.45rem;align-items:center;gap:.4rem;padding:.45rem .55rem;animation-name:tool-showcase-module__5roulq__row-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.tool-showcase-module__5roulq__alert[data-tone=info]{background:color-mix(in oklab, var(--mk-accent) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mk-accent) 40%, transparent)}.tool-showcase-module__5roulq__alert[data-tone=success]{background:color-mix(in oklab, var(--mk-emerald) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mk-emerald) 40%, transparent)}.tool-showcase-module__5roulq__alert[data-tone=warning]{background:color-mix(in oklab, var(--mk-amber) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mk-amber) 45%, transparent)}.tool-showcase-module__5roulq__alert[data-tone=error]{background:color-mix(in oklab, var(--mk-rose) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mk-rose) 40%, transparent)}.tool-showcase-module__5roulq__alertIcon{border-radius:999px;flex:none;width:.7rem;height:.7rem}.tool-showcase-module__5roulq__alert[data-tone=info] .tool-showcase-module__5roulq__alertIcon{background:var(--mk-accent)}.tool-showcase-module__5roulq__alert[data-tone=success] .tool-showcase-module__5roulq__alertIcon{background:var(--mk-emerald)}.tool-showcase-module__5roulq__alert[data-tone=warning] .tool-showcase-module__5roulq__alertIcon{background:var(--mk-amber)}.tool-showcase-module__5roulq__alert[data-tone=error] .tool-showcase-module__5roulq__alertIcon{background:var(--mk-rose)}.tool-showcase-module__5roulq__alertText{gap:.02rem;display:grid}.tool-showcase-module__5roulq__alertTitle{color:var(--opt-text);font-size:.58rem;font-weight:620}.tool-showcase-module__5roulq__alertBody{color:var(--opt-text-secondary);font-size:.54rem}.tool-showcase-module__5roulq__handoffDock{background:color-mix(in oklab, var(--opt-surface) 92%, transparent);box-shadow:0 8px 22px color-mix(in oklab, var(--opt-text) 14%, transparent);border-radius:999px;padding:.18rem;display:inline-flex;position:absolute;bottom:.85rem;right:.85rem}.tool-showcase-module__5roulq__handoffDock .tool-showcase-module__5roulq__softButton{border-radius:999px}.tool-showcase-module__5roulq__formScreen{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.tool-showcase-module__5roulq__codeDrawer{background:var(--opt-surface);height:7.5rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 60%, transparent), 0 -6px 18px color-mix(in oklab, var(--opt-text) 4%, transparent);border-radius:.5rem;grid-template-rows:auto minmax(0,1fr);gap:.3rem;margin:0 .45rem .45rem;display:grid;overflow:hidden}.tool-showcase-module__5roulq__codeDrawerHead{box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--opt-border) 55%, transparent);align-items:center;gap:.4rem;padding:.32rem .55rem;display:flex}.tool-showcase-module__5roulq__codeDrawerTitle{color:var(--opt-text);flex:1;font-size:.58rem;font-weight:620}.tool-showcase-module__5roulq__codeDrawerActions{gap:.35rem;display:inline-flex}.tool-showcase-module__5roulq__codeDrawerAction{color:var(--opt-text-secondary);font-size:.54rem;font-weight:560}.tool-showcase-module__5roulq__codeBlock{align-content:start;gap:.02rem;min-height:0;padding:0 .6rem .4rem;display:grid;overflow:hidden}.tool-showcase-module__5roulq__codeLine{min-height:.72rem;color:var(--opt-text-secondary);font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:pre;font-size:.5rem;line-height:1.5;overflow:hidden}.tool-showcase-module__5roulq__codeLine[data-kind=import]{color:var(--opt-text-tertiary)}.tool-showcase-module__5roulq__codeLine[data-kind=entry]{color:var(--mk-accent)}.tool-showcase-module__5roulq__handoffNotice{background:color-mix(in oklab, var(--mk-accent) 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mk-accent) 32%, transparent);color:var(--opt-text-secondary);border-radius:.45rem;align-items:center;gap:.35rem;margin:.45rem .5rem 0;padding:.3rem .5rem;font-size:.56rem;display:flex}.tool-showcase-module__5roulq__handoffNotice svg{color:var(--mk-accent)}.tool-showcase-module__5roulq__editorHead{align-items:center;gap:.35rem;padding-bottom:.06rem;display:flex}.tool-showcase-module__5roulq__editorSub{justify-content:space-between;align-items:flex-start;gap:.35rem;margin-top:.1rem;display:flex}.tool-showcase-module__5roulq__fieldsText{gap:.04rem;min-width:0;display:grid}.tool-showcase-module__5roulq__addButton{background:color-mix(in oklab, var(--mk-emerald) 14%, transparent);color:color-mix(in oklab, var(--mk-emerald) 78%, var(--opt-text));white-space:nowrap;border-radius:.35rem;align-items:center;gap:.18rem;padding:.2rem .42rem;font-size:.54rem;font-weight:620;display:inline-flex}.tool-showcase-module__5roulq__fieldItem{background:color-mix(in oklab, var(--opt-bg-muted) 40%, transparent);opacity:0;border-radius:.4rem;align-items:center;gap:.35rem;padding:.28rem .32rem;animation-name:tool-showcase-module__5roulq__row-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.tool-showcase-module__5roulq__fieldItem[data-on=true]{background:color-mix(in oklab, var(--mk-accent) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mk-accent) 45%, transparent)}.tool-showcase-module__5roulq__fieldGlyph{background:var(--opt-surface);width:1.1rem;height:1.1rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 60%, transparent);color:var(--opt-text-tertiary);border-radius:.3rem;flex:none;place-items:center;display:grid}.tool-showcase-module__5roulq__glyphText{font-size:.5rem;font-weight:640}.tool-showcase-module__5roulq__fieldMeta{flex:1;gap:.02rem;min-width:0;display:grid}.tool-showcase-module__5roulq__fieldName{color:var(--opt-text);font-size:.56rem;font-weight:620}.tool-showcase-module__5roulq__required{color:var(--mk-rose);margin-left:.1rem}.tool-showcase-module__5roulq__fieldType{color:var(--opt-text-tertiary);font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;font-size:.46rem;overflow:hidden}.tool-showcase-module__5roulq__fieldControls{color:var(--opt-text-tertiary);flex:none;align-items:center;gap:.05rem;display:inline-flex}.tool-showcase-module__5roulq__formStage{background:color-mix(in oklab, var(--opt-text) 3.5%, transparent);flex:1;align-content:start;justify-items:center;min-height:0;padding:.8rem;display:grid;overflow:hidden}.tool-showcase-module__5roulq__formCard{background:var(--opt-surface);width:100%;max-width:18rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 55%, transparent), 0 10px 26px color-mix(in oklab, var(--opt-text) 7%, transparent);opacity:0;border-radius:.55rem;gap:.5rem;padding:.75rem .8rem;animation-name:tool-showcase-module__5roulq__card-pop;animation-timing-function:cubic-bezier(.16,1,.3,1);display:grid}.tool-showcase-module__5roulq__formField{gap:.18rem;display:grid}.tool-showcase-module__5roulq__formLabel{color:var(--opt-text);font-size:.58rem;font-weight:560}.tool-showcase-module__5roulq__formInput{background:var(--opt-surface);height:1.55rem;box-shadow:inset 0 0 0 1px var(--opt-border);color:var(--opt-text);border-radius:.4rem;align-items:center;padding:0 .45rem;font-size:.56rem;display:flex}.tool-showcase-module__5roulq__formInput[data-placeholder=true]{color:var(--opt-text-tertiary)}.tool-showcase-module__5roulq__formInput[data-area=true]{align-items:flex-start;height:3.1rem;padding-top:.35rem}.tool-showcase-module__5roulq__formInput[data-on=true]{box-shadow:inset 0 0 0 1px var(--mk-accent), 0 0 0 2px color-mix(in oklab, var(--mk-accent) 22%, transparent)}.tool-showcase-module__5roulq__caret{background:var(--mk-accent);width:1px;height:.75rem;margin-left:.06rem;animation-name:tool-showcase-module__5roulq__caret-blink;animation-timing-function:step-end}.tool-showcase-module__5roulq__formSubmit{background:var(--mk-accent);color:#fff;border-radius:.4rem;place-items:center;height:1.7rem;font-size:.62rem;font-weight:620;display:grid}.tool-showcase-module__5roulq__canvasBoard{background-image:radial-gradient(color-mix(in oklab, var(--opt-text) 11%, transparent) 1px, transparent 1px);background-size:.8rem .8rem;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:2.4rem .9rem 3.4rem;display:grid;position:relative;overflow:hidden}.tool-showcase-module__5roulq__sheetLabel{color:var(--opt-text-tertiary);font-family:var(--font-geist-mono), ui-monospace, monospace;align-items:center;gap:.22rem;margin-bottom:.28rem;font-size:.48rem;display:inline-flex}.tool-showcase-module__5roulq__panelGrid{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-auto-flow:dense;gap:.35rem;min-height:0;display:grid}.tool-showcase-module__5roulq__boardPanel{background:var(--opt-surface);min-width:0;min-height:0;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 70%, transparent), 0 3px 8px color-mix(in oklab, var(--opt-text) 5%, transparent);opacity:0;border-radius:.4rem;grid-template-rows:auto minmax(0,1fr);animation-name:tool-showcase-module__5roulq__card-pop;animation-timing-function:cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden}.tool-showcase-module__5roulq__boardPanel[data-span="2"]{grid-column:span 2}.tool-showcase-module__5roulq__boardPanelHead{background:color-mix(in oklab, var(--opt-text) 4%, transparent);min-width:0;box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--opt-border) 55%, transparent);align-items:center;gap:.16rem;padding:.14rem .2rem;display:flex;overflow:hidden}.tool-showcase-module__5roulq__categoryBadge{border-radius:.14rem;flex:none;padding:.02rem .16rem;font-size:.38rem;font-weight:620}.tool-showcase-module__5roulq__categoryBadge[data-category=core]{color:color-mix(in oklab, #3b82f6 82%, var(--opt-text));background:#3b82f629;background:lab(54.6189% 8.76281 -65.7907/.16)}.tool-showcase-module__5roulq__categoryBadge[data-category=visuals]{color:color-mix(in oklab, #10b981 82%, var(--opt-text));background:#10b98129;background:lab(66.6921% -50.6677 17.059/.16)}.tool-showcase-module__5roulq__categoryBadge[data-category=shells]{color:color-mix(in oklab, #8b5cf6 82%, var(--opt-text));background:#8b5cf629;background:lab(50.6911% 45.8507 -71.7974/.16)}.tool-showcase-module__5roulq__categoryBadge[data-category=blocks]{color:color-mix(in oklab, #f59e0b 78%, var(--opt-text));background:#f59e0b2e;background:lab(72.7914% 26.933 75.434/.18)}.tool-showcase-module__5roulq__boardPanelName{color:var(--opt-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.42rem;font-weight:580;overflow:hidden}.tool-showcase-module__5roulq__boardPanelBody{place-items:center;min-height:0;display:grid}.tool-showcase-module__5roulq__boardPanelBody[data-category=core]{background:linear-gradient(135deg,#3b82f60d,#3b82f622)}.tool-showcase-module__5roulq__boardPanelBody[data-category=visuals]{background:linear-gradient(135deg,#10b9810d,#10b98122)}.tool-showcase-module__5roulq__boardPanelBody[data-category=shells]{background:linear-gradient(135deg,#8b5cf60d,#8b5cf622)}.tool-showcase-module__5roulq__boardPanelBody[data-category=blocks]{background:linear-gradient(135deg,#f59e0b0d,#f59e0b22)}.tool-showcase-module__5roulq__boardPanelSlug{max-width:92%;color:var(--opt-text-tertiary);font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;font-size:.4rem;overflow:hidden}.tool-showcase-module__5roulq__viewPill,.tool-showcase-module__5roulq__sheetPill,.tool-showcase-module__5roulq__zoomPill{background:color-mix(in oklab, var(--opt-surface) 92%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 70%, transparent), 0 8px 22px color-mix(in oklab, var(--opt-text) 10%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:.15rem;padding:.2rem .28rem;display:inline-flex}.tool-showcase-module__5roulq__viewPill{z-index:2;position:absolute;top:.6rem;left:.6rem}.tool-showcase-module__5roulq__sheetPill{z-index:2;padding:.2rem .35rem;position:absolute;top:.6rem;left:50%;transform:translate(-50%)}.tool-showcase-module__5roulq__viewIcon{width:1.1rem;height:1.1rem;color:var(--opt-text-tertiary);border-radius:999px;flex:none;place-items:center;display:grid}.tool-showcase-module__5roulq__viewIcon[data-on=true]{background:color-mix(in oklab, var(--mk-accent) 12%, transparent);color:var(--mk-accent)}.tool-showcase-module__5roulq__sheetTab{color:var(--opt-text-tertiary);white-space:nowrap;border-radius:999px;align-items:center;gap:.2rem;padding:.14rem .36rem;font-size:.54rem;font-weight:580;display:inline-flex}.tool-showcase-module__5roulq__sheetTab[data-on=true]{background:color-mix(in oklab, var(--opt-bg-muted) 75%, transparent);color:var(--opt-text);font-weight:640}.tool-showcase-module__5roulq__sheetDot{border-radius:999px;flex:none;width:.3rem;height:.3rem}.tool-showcase-module__5roulq__sheetDot[data-category=core]{background:#3b82f6}.tool-showcase-module__5roulq__sheetDot[data-category=visuals]{background:#10b981}.tool-showcase-module__5roulq__sheetDot[data-category=shells]{background:#8b5cf6}.tool-showcase-module__5roulq__sheetDot[data-category=blocks]{background:#f59e0b}.tool-showcase-module__5roulq__sheetDot[data-category=all]{background:#71717a}.tool-showcase-module__5roulq__sheetCount{color:var(--opt-text-tertiary);font-size:.5rem}.tool-showcase-module__5roulq__pillDivider{background:color-mix(in oklab, var(--opt-text) 10%, transparent);width:1px;height:.7rem;margin:0 .12rem}.tool-showcase-module__5roulq__canvasFoot{z-index:2;justify-items:start;gap:.28rem;display:grid;position:absolute;bottom:.6rem;left:.6rem}.tool-showcase-module__5roulq__shortcutHint{color:var(--opt-text-tertiary);font-size:.46rem;line-height:1.4}.tool-showcase-module__5roulq__zoomPill{color:var(--opt-text-tertiary);gap:.25rem;padding:.2rem .4rem}.tool-showcase-module__5roulq__zoomTrack{background:color-mix(in oklab, var(--opt-bg-muted) 85%, transparent);border-radius:999px;width:2.6rem;height:.2rem;position:relative}.tool-showcase-module__5roulq__zoomThumb{background:var(--opt-text-secondary);border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:50%;left:32%;transform:translate(-50%,-50%)}.tool-showcase-module__5roulq__zoomValue{color:var(--opt-text-secondary);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.52rem;font-weight:620}.tool-showcase-module__5roulq__zoomFit{color:var(--opt-text-secondary);padding-left:.15rem;font-size:.52rem;font-weight:600}.tool-showcase-module__5roulq__minimap{z-index:2;background:color-mix(in oklab, var(--opt-surface) 94%, transparent);width:7rem;height:4.3rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 70%, transparent), 0 8px 22px color-mix(in oklab, var(--opt-text) 10%, transparent);border-radius:.4rem;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:.12rem;padding:.25rem;display:grid;position:absolute;bottom:.6rem;right:.6rem}.tool-showcase-module__5roulq__minimapBlock{background:color-mix(in oklab, var(--mk-blue) 32%, var(--opt-bg-muted));border-radius:.06rem}.tool-showcase-module__5roulq__minimapViewport{border:1px solid var(--mk-blue);background:color-mix(in oklab, var(--mk-blue) 10%, transparent);border-radius:.15rem;width:2.6rem;height:1.8rem;animation-name:tool-showcase-module__5roulq__viewport-drift;position:absolute;top:.4rem;left:.4rem}.tool-showcase-module__5roulq__stepNav{background:var(--opt-surface);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--opt-border) 60%, transparent);border-radius:.45rem;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:.14rem;padding:.18rem;display:grid}.tool-showcase-module__5roulq__stepItem{min-width:0;color:var(--opt-text-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:.3rem;justify-content:center;align-items:center;gap:.12rem;padding:.18rem 0;font-size:.48rem;font-weight:600;display:inline-flex;overflow:hidden}.tool-showcase-module__5roulq__stepIndex{color:var(--opt-text-tertiary);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.44rem}.tool-showcase-module__5roulq__dropzone{border:1px dashed color-mix(in oklab, var(--opt-border-hover,var(--opt-border)) 85%, transparent);background:color-mix(in oklab, var(--opt-bg-muted) 30%, transparent);text-align:center;border-radius:.45rem;justify-items:center;gap:.15rem;padding:.6rem .4rem;display:grid}.tool-showcase-module__5roulq__dropIcon{background:color-mix(in oklab, var(--mk-accent) 12%, transparent);width:1.35rem;height:1.35rem;color:var(--mk-accent);border-radius:999px;place-items:center;margin-bottom:.1rem;display:grid}.tool-showcase-module__5roulq__dropTitle{color:var(--opt-text);font-size:.56rem;font-weight:620}.tool-showcase-module__5roulq__dropHint{color:var(--opt-text-tertiary);font-size:.46rem}.tool-showcase-module__5roulq__readyRow{justify-content:space-between;align-items:center;gap:.3rem;display:flex}.tool-showcase-module__5roulq__warnNotice{background:color-mix(in oklab, var(--mk-amber) 12%, transparent);color:color-mix(in oklab, var(--mk-amber) 55%, var(--opt-text));border-radius:.35rem;align-items:center;gap:.3rem;padding:.3rem .38rem;font-size:.5rem;line-height:1.35;display:flex}.tool-showcase-module__5roulq__specRow{background:color-mix(in oklab, var(--opt-bg-muted) 45%, transparent);border-radius:.32rem;justify-content:space-between;align-items:center;gap:.3rem;padding:.24rem .3rem;display:flex}.tool-showcase-module__5roulq__specLabel{color:var(--opt-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;overflow:hidden}.tool-showcase-module__5roulq__specValue{color:var(--opt-text-tertiary);font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:nowrap;font-size:.44rem}.tool-showcase-module__5roulq__shotStage{background:color-mix(in oklab, var(--opt-text) 3.5%, transparent);flex:1;place-items:center;min-height:0;padding:.5rem;display:grid}.tool-showcase-module__5roulq__poster{aspect-ratio:1290/2796;opacity:0;background:linear-gradient(165deg,#f4f6fd 12%,#efe6f8 68%,#f7e9f2);border-radius:.5rem;align-content:start;gap:.08rem;height:100%;padding:.75rem .7rem 0;animation-name:tool-showcase-module__5roulq__card-pop;animation-timing-function:cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #0f172a2e}.tool-showcase-module__5roulq__posterAccent{background:#6d4df6;border-radius:999px;width:.85rem;height:.16rem;margin-bottom:.2rem}.tool-showcase-module__5roulq__posterBrand{color:#1c1a2e;font-size:.5rem;font-weight:700}.tool-showcase-module__5roulq__posterPitch{color:#1c1a2e9e;font-size:.42rem}.tool-showcase-module__5roulq__posterHeadline{color:#14121f;letter-spacing:-.03em;justify-self:start;margin-top:.2rem;font-size:1rem;font-weight:700;position:relative}.tool-showcase-module__5roulq__posterUnderline{transform-origin:0;background:#6d4df68c;border-radius:999px;height:.18rem;animation-name:tool-showcase-module__5roulq__underline-draw;animation-timing-function:cubic-bezier(.16,1,.3,1);position:absolute;bottom:.08rem;left:0;right:0}.tool-showcase-module__5roulq__posterBody{color:#1c1a2eb8;margin-top:.28rem;font-size:.46rem;font-weight:560;line-height:1.45}.tool-showcase-module__5roulq__device{aspect-ratio:9/17;background:#0b0b10;border-radius:.75rem .75rem 0 0;width:86%;margin:.5rem auto 0;padding:.16rem;display:grid;position:relative;overflow:hidden;box-shadow:0 -4px 18px #0f172a38}.tool-showcase-module__5roulq__deviceNotch{z-index:1;background:#1d1d25;border-radius:999px;width:1.4rem;height:.22rem;position:absolute;top:.28rem;left:50%;transform:translate(-50%)}.tool-showcase-module__5roulq__deviceScreen{background:linear-gradient(#fbfbfe,#f3f0fb);border-radius:.62rem .62rem 0 0;flex-direction:column;gap:.14rem;min-height:0;padding:.5rem .28rem 0;display:flex;overflow:hidden}.tool-showcase-module__5roulq__appHead{gap:.02rem;display:grid}.tool-showcase-module__5roulq__appEyebrow{color:#1c1a2e73;font-size:.34rem;font-weight:620}.tool-showcase-module__5roulq__appTitle{color:#14121f;letter-spacing:-.02em;font-size:.62rem;font-weight:700}.tool-showcase-module__5roulq__appChips{gap:.14rem;margin-top:.08rem;display:flex}.tool-showcase-module__5roulq__appChip{color:#1c1a2e8c;background:#14121f0f;border-radius:999px;padding:.05rem .24rem;font-size:.32rem;font-weight:620}.tool-showcase-module__5roulq__appChip[data-on=true]{color:#6d4df6;background:#6d4df624}.tool-showcase-module__5roulq__appRow{opacity:0;background:#fff;border-radius:.3rem;align-items:center;gap:.18rem;padding:.2rem .24rem;animation-name:tool-showcase-module__5roulq__row-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 4px #0f172a12}.tool-showcase-module__5roulq__appCheck{border-radius:999px;flex:none;width:.3rem;height:.3rem;box-shadow:inset 0 0 0 1px #14121f38}.tool-showcase-module__5roulq__appRowText{flex:1;gap:.01rem;min-width:0;display:grid}.tool-showcase-module__5roulq__appRowTitle{color:#14121f;text-overflow:ellipsis;white-space:nowrap;font-size:.34rem;font-weight:640;overflow:hidden}.tool-showcase-module__5roulq__appRowNote{color:#1c1a2e73;text-overflow:ellipsis;white-space:nowrap;font-size:.3rem;overflow:hidden}.tool-showcase-module__5roulq__appTag{color:#6d4df6;white-space:nowrap;background:#6d4df61f;border-radius:999px;padding:.03rem .18rem;font-size:.3rem;font-weight:620}.tool-showcase-module__5roulq__appNext{background:linear-gradient(120deg,#6d4df6,#8b5cf6);border-radius:.34rem;gap:.04rem;margin-top:.06rem;padding:.28rem .3rem;display:grid}.tool-showcase-module__5roulq__appNextLabel{color:#ffffffb8;font-size:.3rem;font-weight:620}.tool-showcase-module__5roulq__appNextTitle{color:#fff;font-size:.4rem;font-weight:700}.tool-showcase-module__5roulq__appNextBar{background:#ffffff4d;border-radius:999px;height:.12rem;margin-top:.12rem;box-shadow:inset 3.2rem 0 0 -2.4rem #ffffffd9}.tool-showcase-module__5roulq__appTabBar{grid-template-columns:repeat(5,minmax(0,1fr));gap:.1rem;margin-top:auto;padding:.22rem 0 .3rem;display:grid;box-shadow:inset 0 1px #14121f14}.tool-showcase-module__5roulq__appTab{color:#1c1a2e61;justify-items:center;gap:.06rem;font-size:.28rem;font-weight:620;display:grid}.tool-showcase-module__5roulq__appTab[data-on=true]{color:#6d4df6}.tool-showcase-module__5roulq__appTabDot{background:currentColor;border-radius:999px;width:.22rem;height:.22rem}@media (max-width:60rem){.tool-showcase-module__5roulq__window{height:30rem}.tool-showcase-module__5roulq__workspace{--rail:11.5rem}.tool-showcase-module__5roulq__workspace[data-panes=rail-main-rail]{grid-template-columns:var(--rail) minmax(0, 1fr)}.tool-showcase-module__5roulq__workspace[data-panes=rail-main-rail] .tool-showcase-module__5roulq__rail[data-side=right]{display:none}.tool-showcase-module__5roulq__harmonyBody{grid-template-columns:minmax(0,1fr)}.tool-showcase-module__5roulq__wheelBox{display:none}.tool-showcase-module__5roulq__panelGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.tool-showcase-module__5roulq__minimap{display:none}}@media (max-width:44rem){.tool-showcase-module__5roulq__window{height:25rem}.tool-showcase-module__5roulq__workspace[data-panes=rail-main],.tool-showcase-module__5roulq__workspace[data-panes=rail-main-rail]{grid-template-columns:minmax(0,1fr)}.tool-showcase-module__5roulq__rail{display:none}.tool-showcase-module__5roulq__strip{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-showcase-module__5roulq__stripCell:nth-child(n+4){display:none}.tool-showcase-module__5roulq__stripCell{grid-template-rows:2rem auto}.tool-showcase-module__5roulq__hueRow,.tool-showcase-module__5roulq__tabItem:nth-child(n+5),.tool-showcase-module__5roulq__shortcutHint,.tool-showcase-module__5roulq__accentDotName{display:none}.tool-showcase-module__5roulq__panelGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-showcase-module__5roulq__boardPanel[data-span="2"]{grid-column:span 1}.tool-showcase-module__5roulq__boardPanel:nth-child(n+13),.tool-showcase-module__5roulq__sheetTab:not([data-on=true]){display:none}}@keyframes tool-showcase-module__5roulq__row-rise{0%{opacity:0;transform:translateY(.4rem)}24%,to{opacity:1;transform:none}}@keyframes tool-showcase-module__5roulq__card-pop{0%{opacity:0;transform:translateY(.35rem)scale(.96)}24%,to{opacity:1;transform:none}}@keyframes tool-showcase-module__5roulq__swatch-fill{0%{opacity:.1;transform:scaleY(.3)}24%,to{opacity:1;transform:none}}@keyframes tool-showcase-module__5roulq__accent-cycle{0%,44%{--mk-accent:var(--mk-blue)}45%,68%{--mk-accent:var(--mk-violet)}69%,to{--mk-accent:var(--mk-amber)}}@keyframes tool-showcase-module__5roulq__dot-select{0%,22%{box-shadow:none}22.2%,43.8%{box-shadow:0 0 0 1.5px var(--opt-surface), 0 0 0 3px currentcolor}44%,to{box-shadow:none}}@keyframes tool-showcase-module__5roulq__caret-blink{0%,to{opacity:1}24%,48%,72%{opacity:0}}@keyframes tool-showcase-module__5roulq__underline-draw{0%{transform:scaleX(0)}36%,to{transform:scaleX(1)}}@keyframes tool-showcase-module__5roulq__viewport-drift{0%,18%{transform:translate(0)}54%,72%{transform:translate(2.4rem,1.1rem)}90%,to{transform:translate(1.2rem,.5rem)}}@media (prefers-reduced-motion:reduce){.tool-showcase-module__5roulq__motion{animation:none}.tool-showcase-module__5roulq__optionRow,.tool-showcase-module__5roulq__presetItem,.tool-showcase-module__5roulq__layerRow,.tool-showcase-module__5roulq__stopRow,.tool-showcase-module__5roulq__tokenRow,.tool-showcase-module__5roulq__sliderRow,.tool-showcase-module__5roulq__hueCard,.tool-showcase-module__5roulq__fieldItem,.tool-showcase-module__5roulq__alert,.tool-showcase-module__5roulq__boardPanel,.tool-showcase-module__5roulq__appRow,.tool-showcase-module__5roulq__brandHero,.tool-showcase-module__5roulq__gradientAsset,.tool-showcase-module__5roulq__formCard,.tool-showcase-module__5roulq__poster,.tool-showcase-module__5roulq__stripSwatch{opacity:1;transform:none}.tool-showcase-module__5roulq__posterUnderline{transform:scaleX(1)}}
.locale-showcase-module__HuEnkG__motion{animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-play-state:paused;animation-fill-mode:both}[data-in-view=true] .locale-showcase-module__HuEnkG__motion{animation-play-state:running}[data-showcase-screen]:not([data-on=true]) .locale-showcase-module__HuEnkG__motion{animation:none}.locale-showcase-module__HuEnkG__window{background:linear-gradient(var(--opt-bg-subtle), var(--opt-bg-subtle)), var(--opt-bg);width:100%;max-width:62rem;height:27rem;box-shadow:0 0 0 1px var(--opt-border), 0 2px 6px color-mix(in oklab, var(--opt-text) 7%, transparent), 0 24px 56px color-mix(in oklab, var(--opt-text) 13%, transparent);border-radius:1.2rem;display:grid;overflow:hidden}.locale-showcase-module__HuEnkG__panel{grid-template-rows:minmax(0,1fr) auto;gap:.85rem;min-width:0;min-height:0;padding:1rem;display:grid}.locale-showcase-module__HuEnkG__panelGrid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:.85rem;min-width:0;min-height:0;display:grid}.locale-showcase-module__HuEnkG__calendarCol{border:1px solid color-mix(in oklab, var(--opt-border-subtle) 74%, transparent);background:var(--opt-surface);min-width:0;min-height:0;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--opt-bg) 68%, transparent);border-radius:.95rem;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.7rem;padding:1rem;display:grid}.locale-showcase-module__HuEnkG__calHead{opacity:0;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;animation-name:locale-showcase-module__HuEnkG__item-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.locale-showcase-module__HuEnkG__monthTitle{min-width:0;color:var(--opt-text-primary);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:640;overflow:hidden}.locale-showcase-module__HuEnkG__navGroup{flex:none;align-items:center;gap:.3rem;display:inline-flex}.locale-showcase-module__HuEnkG__navGlyph{background:color-mix(in oklab, var(--opt-bg-muted) 58%, transparent);width:1.5rem;height:1.5rem;color:var(--opt-text-tertiary);border-radius:.45rem;justify-content:center;align-items:center;display:inline-flex}.locale-showcase-module__HuEnkG__navIcon{width:.8rem;height:.8rem}.locale-showcase-module__HuEnkG__todayButton{background:color-mix(in oklab, var(--opt-bg-muted) 58%, transparent);color:var(--opt-text-secondary);white-space:nowrap;border-radius:.5rem;padding:.28rem .6rem;font-size:.74rem;font-weight:600}.locale-showcase-module__HuEnkG__newEventButton{background:var(--opt-accent);color:var(--opt-accent-fg);white-space:nowrap;border-radius:.5rem;align-items:center;gap:.2rem;padding:.28rem .6rem;font-size:.74rem;font-weight:600;display:inline-flex}.locale-showcase-module__HuEnkG__weekRow{grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;min-width:0;display:grid}.locale-showcase-module__HuEnkG__weekCell{border-bottom:1px solid color-mix(in oklab, var(--opt-border-subtle) 60%, transparent);color:var(--opt-text-tertiary);letter-spacing:-.01em;text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:0;padding-bottom:.4rem;font-size:.7rem;font-weight:600;animation-name:locale-showcase-module__HuEnkG__cell-fade;overflow:hidden}.locale-showcase-module__HuEnkG__lanes{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;min-height:0;display:grid}.locale-showcase-module__HuEnkG__laneBlock{opacity:0;border-radius:.45rem;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.1rem;min-width:0;padding:.42rem .5rem .42rem .62rem;animation-name:locale-showcase-module__HuEnkG__block-pop;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.locale-showcase-module__HuEnkG__laneTime{letter-spacing:-.01em;white-space:nowrap;flex:none;font-size:.58rem;font-weight:620}.locale-showcase-module__HuEnkG__laneTitle{-webkit-line-clamp:2;letter-spacing:-.005em;overflow-wrap:anywhere;word-break:keep-all;-webkit-box-orient:vertical;min-width:0;font-size:.63rem;font-weight:540;line-height:1.28;display:-webkit-box;overflow:hidden}.locale-showcase-module__HuEnkG__laneBlock[data-tone=muted]{box-shadow:inset .14rem 0 0 color-mix(in oklab, var(--opt-text) 20%, transparent)}.locale-showcase-module__HuEnkG__laneBlock[data-tone=muted] .locale-showcase-module__HuEnkG__laneTitle{color:color-mix(in oklab, var(--opt-text) 52%, transparent)}.locale-showcase-module__HuEnkG__laneBlock[data-tone=soft]{box-shadow:inset .14rem 0 0 color-mix(in oklab, var(--opt-accent) 48%, transparent)}.locale-showcase-module__HuEnkG__laneBlock[data-tone=soft] .locale-showcase-module__HuEnkG__laneTitle,.locale-showcase-module__HuEnkG__laneBlock[data-tone=soft] .locale-showcase-module__HuEnkG__laneTime{color:color-mix(in oklab, var(--opt-accent) 72%, var(--opt-text))}.locale-showcase-module__HuEnkG__laneBlock[data-tone=accent] .locale-showcase-module__HuEnkG__laneTime{color:color-mix(in oklab, var(--opt-accent) 76%, var(--opt-text))}.locale-showcase-module__HuEnkG__laneBlock[data-tone=accent] .locale-showcase-module__HuEnkG__laneTitle{color:color-mix(in oklab, var(--opt-accent) 34%, var(--opt-text));font-weight:580}.locale-showcase-module__HuEnkG__laneBlock[data-tone=muted]{background:color-mix(in oklab, var(--opt-text) 5%, transparent)}.locale-showcase-module__HuEnkG__laneBlock[data-tone=soft]{background:color-mix(in oklab, var(--opt-accent) 11%, transparent)}.locale-showcase-module__HuEnkG__laneBlock[data-tone=accent]{background:color-mix(in oklab, var(--opt-accent) 22%, transparent);box-shadow:inset .16rem 0 0 var(--opt-accent), inset 0 0 0 1px color-mix(in oklab, var(--opt-accent) 34%, transparent)}.locale-showcase-module__HuEnkG__agendaRow{background:color-mix(in oklab, var(--opt-accent) 9%, transparent);opacity:0;border-radius:.6rem;align-items:center;gap:.55rem;min-width:0;padding:.5rem .6rem;animation-name:locale-showcase-module__HuEnkG__item-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.locale-showcase-module__HuEnkG__agendaBar{background:var(--opt-accent);border-radius:999px;flex:none;width:.2rem;height:1.25rem}.locale-showcase-module__HuEnkG__agendaTime{color:var(--opt-accent);white-space:nowrap;flex:none;font-size:.78rem;font-weight:640}.locale-showcase-module__HuEnkG__agendaTitle{min-width:0;color:var(--opt-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:560;overflow:hidden}.locale-showcase-module__HuEnkG__readoutCol{border:1px solid color-mix(in oklab, var(--opt-border-subtle) 74%, transparent);background:color-mix(in oklab, var(--opt-surface) 72%, transparent);border-radius:.95rem;grid-auto-rows:minmax(0,1fr);gap:.4rem;min-width:0;min-height:0;padding:.65rem;display:grid}.locale-showcase-module__HuEnkG__readoutRow{background:color-mix(in oklab, var(--opt-bg-subtle) 70%, transparent);opacity:0;border-radius:.6rem;align-content:center;gap:.15rem;min-width:0;padding:.4rem .6rem;animation-name:locale-showcase-module__HuEnkG__item-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:grid}.locale-showcase-module__HuEnkG__readoutLabel{color:var(--opt-text-tertiary);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:600;overflow:hidden}.locale-showcase-module__HuEnkG__readoutValue{color:var(--opt-text-primary);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__monthTitle,.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__todayButton,.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__agendaTitle,.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__agendaTime,.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__weekCell,.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__laneTitle,.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__laneTime,.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__readoutLabel{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:-.03em}.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__monthTitle,.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__agendaTitle{-webkit-text-decoration:underline dashed color-mix(in oklab, var(--opt-text) 26%, transparent);text-decoration:underline dashed color-mix(in oklab, var(--opt-text) 26%, transparent);text-underline-offset:.22em}.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__todayButton,.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__newEventButton{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.7rem}.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__readoutLabel{color:var(--opt-accent)}.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__laneTime{display:none}.locale-showcase-module__HuEnkG__panel[data-key-mode=true] .locale-showcase-module__HuEnkG__readoutValue{color:var(--opt-text-secondary)}.locale-showcase-module__HuEnkG__codeLine{border:1px solid color-mix(in oklab, var(--opt-text) 9%, transparent);background:linear-gradient(color-mix(in oklab, var(--opt-text) 3.5%, transparent), color-mix(in oklab, var(--opt-text) 3.5%, transparent)), var(--opt-surface);min-width:0;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--opt-bg) 60%, transparent), 0 1px 2px color-mix(in oklab, var(--opt-text) 4%, transparent);opacity:0;border-radius:.75rem;align-items:center;gap:.65rem;padding:.65rem .85rem;animation-name:locale-showcase-module__HuEnkG__item-rise;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.locale-showcase-module__HuEnkG__codeLang{background:color-mix(in oklab, var(--opt-text) 7%, transparent);color:var(--opt-text-tertiary);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.02em;text-transform:uppercase;border-radius:.35rem;flex:none;padding:.12rem .4rem;font-size:.66rem;font-weight:600}.locale-showcase-module__HuEnkG__code{min-width:0;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.locale-showcase-module__HuEnkG__codeTag{color:var(--opt-accent);font-weight:640}.locale-showcase-module__HuEnkG__codeAttr{white-space:nowrap;margin-left:.5ch}.locale-showcase-module__HuEnkG__codeName{color:var(--opt-success-fg)}.locale-showcase-module__HuEnkG__codeValue{color:var(--opt-text-primary)}.locale-showcase-module__HuEnkG__codePunct{color:var(--opt-text-tertiary)}.locale-showcase-module__HuEnkG__codeClose{margin-left:.5ch}@media (max-width:60rem){.locale-showcase-module__HuEnkG__window{height:31rem}.locale-showcase-module__HuEnkG__panelGrid{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.locale-showcase-module__HuEnkG__readoutCol{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.locale-showcase-module__HuEnkG__lanes{grid-template-rows:repeat(2,minmax(0,1fr))}.locale-showcase-module__HuEnkG__laneBlock[data-row="3"]{display:none}}@media (max-width:44rem){.locale-showcase-module__HuEnkG__window{height:23rem}.locale-showcase-module__HuEnkG__panelGrid{grid-template-rows:auto auto;align-content:start}.locale-showcase-module__HuEnkG__navGlyph,.locale-showcase-module__HuEnkG__lanes{display:none}.locale-showcase-module__HuEnkG__calendarCol{grid-template-rows:auto auto auto;align-content:start;align-self:start}.locale-showcase-module__HuEnkG__code{font-size:.72rem}}@keyframes locale-showcase-module__HuEnkG__item-rise{0%{opacity:0;transform:translateY(.4rem)}25%,to{opacity:1;transform:none}}@keyframes locale-showcase-module__HuEnkG__cell-fade{0%{opacity:0}30%,to{opacity:1}}@keyframes locale-showcase-module__HuEnkG__block-pop{0%{opacity:0;transform:translateY(.3rem)scale(.985)}35%,to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.locale-showcase-module__HuEnkG__motion{animation:none}.locale-showcase-module__HuEnkG__calHead,.locale-showcase-module__HuEnkG__weekCell,.locale-showcase-module__HuEnkG__laneBlock,.locale-showcase-module__HuEnkG__agendaRow,.locale-showcase-module__HuEnkG__readoutRow,.locale-showcase-module__HuEnkG__codeLine{opacity:1;transform:none}}
