.gradus-app{--gradus-ink:#f5f5f7;--gradus-muted:rgb(245 245 247/0.62);--gradus-faint:rgb(245 245 247/0.38);--gradus-glass:rgb(18 18 20/0.46);--gradus-glass-strong:rgb(18 18 20/0.68);--gradus-control:rgb(245 245 247/0.1);--gradus-control-hover:rgb(245 245 247/0.16);--gradus-active:rgb(245 245 247/0.92);--gradus-active-text:#111114;--theme-text-primary:var(--gradus-ink);--theme-text-secondary:var(--gradus-muted);--theme-text-tertiary:var(--gradus-faint);--theme-bg-quaternary:var(--gradus-control-hover);--card-bg:rgb(18 18 20/0.6);--card-border-rule:0;--card-radius:26px;--card-shadow:0 24px 70px rgb(0 0 0/0.22);--card-backdrop-filter:blur(36px) saturate(1.18);--subcard-bg:var(--gradus-control);--subcard-border-width:0px;--subcard-radius:16px;--btn-fill-bg:var(--gradus-control);--btn-fill-bg-hover:var(--gradus-control-hover);--btn-fill-text:var(--gradus-ink);--btn-primary-bg:var(--gradus-active);--btn-primary-bg-hover:#ffffff;--btn-primary-text:var(--gradus-active-text);--btn-active-bg:var(--gradus-active);--btn-active-bg-hover:#ffffff;--btn-active-text:var(--gradus-active-text);--btn-active-icon:var(--gradus-active-text);--btn-ghost-text:var(--gradus-ink);--btn-ghost-bg-hover:var(--gradus-control-hover);--chip-bg:var(--gradus-control);--chip-bg-hover:var(--gradus-control-hover);--chip-text:var(--gradus-muted);--input-bg:var(--gradus-control);--input-bg-hover:var(--gradus-control-hover);--input-bg-focus:var(--gradus-control);--input-text:var(--gradus-ink);--input-placeholder:var(--gradus-faint);--input-shadow:none;--input-radius:12px;--control-bg:var(--gradus-control);--control-bg-hover:var(--gradus-control-hover);--control-text:var(--gradus-ink);--control-radius:12px;position:relative;height:100%;min-height:0;overflow:hidden;background:#050506;color:var(--gradus-ink)}.gradus-canvas{opacity:1}.gradus-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgb(255 255 255/.16),transparent 38%),linear-gradient(180deg,rgb(0 0 0/.02),rgb(0 0 0/.7));pointer-events:none}.gradus-shell{position:relative;z-index:1;display:flex;height:100%;min-height:0;flex-direction:column;gap:.72rem;padding:1rem}.gradus-topbar{--card-bg:var(--gradus-glass);--card-radius:999px;--card-shadow:0 18px 60px rgb(0 0 0/0.18);--card-backdrop-filter:blur(28px) saturate(1.15);display:grid;grid-template-areas:"brand tabs actions";grid-template-columns:minmax(10rem,.85fr) minmax(22rem,46rem) minmax(11rem,auto);min-height:3rem;flex-shrink:0;align-items:center;gap:.55rem;padding:.38rem}.gradus-brand{grid-area:brand;display:flex;min-width:0;align-items:center;gap:.6rem;padding-left:.25rem}.gradus-brand-mark{--subcard-bg:rgb(245 245 247/0.16);--subcard-radius:999px;display:grid;width:2rem;min-width:2rem;height:2rem;place-items:center;font-size:.78rem;font-weight:900}.gradus-brand h1{margin:0;color:var(--gradus-ink);font-size:.92rem;font-weight:900;line-height:1.05}.gradus-brand h1,.gradus-brand p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gradus-brand p{margin:.12rem 0 0;color:var(--gradus-muted);font-size:.68rem;font-weight:700;line-height:1.1}.gradus-actions{grid-area:actions;display:flex;min-width:0;max-width:100%;align-items:center;gap:.25rem;justify-self:end;overflow-x:auto;scrollbar-width:none}.gradus-actions::-webkit-scrollbar{display:none}.gradus-category-rail{grid-area:tabs;display:flex;width:100%;max-width:46rem;min-width:0;align-items:center;justify-content:center;gap:.32rem;justify-self:center;overflow-x:auto;padding:0;scrollbar-width:none}.gradus-category-rail::-webkit-scrollbar{display:none}.gradus-category-button{min-width:5.4rem;height:2.28rem;flex:1 1 0;overflow:hidden;font-size:.73rem;font-weight:820;line-height:1;padding-inline:.7rem;text-overflow:ellipsis;white-space:nowrap;transition:transform .16s ease}.gradus-category-button:active{transform:scale(.99)}.gradus-workspace{display:flex;min-height:0;flex:1;align-items:stretch;justify-content:flex-end}.gradus-editor-panel{display:flex;min-height:0;flex-direction:column;overflow:hidden;align-self:stretch;width:clamp(21rem,29vw,27rem)}.gradus-sheet-handle{display:none}.gradus-editor-heading{display:flex;flex-shrink:0;flex-direction:column;gap:.15rem;padding:1.05rem 1.05rem .25rem}.gradus-editor-heading span{overflow:hidden;color:var(--gradus-muted);font-size:.72rem;font-weight:760;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.gradus-editor-heading strong{overflow:hidden;color:var(--gradus-ink);font-size:1.15rem;font-weight:900;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.gradus-editor-scroll{min-height:0;flex:1;overflow-y:auto;padding:.55rem 1.05rem 1.05rem}.gradus-section-stack{display:grid;gap:1.05rem}.gradus-preset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem}.gradus-catalog{display:grid;gap:.72rem}.gradus-catalog-search,.gradus-collection-maker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:.42rem .55rem}.gradus-collection-maker{grid-template-columns:minmax(0,1fr) auto;padding:.42rem}.gradus-catalog-search .input,.gradus-collection-maker .input{min-height:2rem;padding-inline:0}.gradus-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.25rem}.gradus-chip,.gradus-segmented button,.gradus-text-button{font-size:.68rem;font-weight:850;line-height:1}.gradus-segmented button{min-height:1.8rem}.gradus-segmented button:disabled{opacity:.35}.gradus-catalog-row,.gradus-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.gradus-catalog-row{grid-template-columns:1.1fr 1fr 1fr}.gradus-filter-field{display:grid;gap:.3rem;color:var(--gradus-faint);font-size:.62rem;font-weight:850;text-transform:uppercase}.gradus-filter-field .input{min-height:2rem;font-size:.72rem}.gradus-chip-row{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.05rem;scrollbar-width:none}.gradus-chip-row::-webkit-scrollbar{display:none}.gradus-chip{min-height:1.9rem;flex:0 0 auto;padding:0 .72rem;text-transform:none}.gradus-chip em{color:inherit;font-size:.62rem;font-style:normal;opacity:.62}.gradus-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--gradus-faint);font-size:.66rem;font-weight:850;text-transform:uppercase}.gradus-round-action{--btn-icon-only-size:2.15rem}.gradus-export-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.gradus-export-size{--btn-active-bg:rgb(245 245 247/0.15);--btn-active-bg-hover:rgb(245 245 247/0.15);--btn-active-text:var(--gradus-ink);display:grid;min-height:3.45rem;align-content:center;gap:.25rem;padding:.65rem;text-align:left;transition:transform .16s ease}.gradus-export-size:active{transform:scale(.99)}.gradus-export-size span{overflow:hidden;color:var(--gradus-ink);font-size:.74rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.gradus-export-size em{color:var(--gradus-faint);font-size:.66rem;font-style:normal;font-weight:780}.gradus-export-action{display:inline-flex;width:100%;min-height:2.65rem;align-items:center;justify-content:center;gap:.5rem}.gradus-section{display:grid;gap:.72rem}.gradus-section.is-disabled>:not(.gradus-section-title){opacity:.48}.gradus-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.gradus-section-title h3{margin:0;color:var(--gradus-ink);font-size:.8rem;font-weight:900;line-height:1.15}.gradus-list-kicker,.gradus-section-title span{color:var(--gradus-faint);font-size:.66rem;font-weight:850;letter-spacing:.1em;line-height:1.1;text-transform:uppercase}.gradus-list-kicker{grid-column:1/-1;margin:.2rem 0 0;padding-inline:.2rem}.gradus-field{display:grid;gap:.4rem;color:var(--gradus-muted);font-size:.74rem;font-weight:750}.gradus-field.is-disabled{opacity:.48}.gradus-color-grid{display:grid;gap:.9rem}.gradus-color-editor{display:grid;gap:.46rem;padding:.55rem}.gradus-color-editor.is-disabled{opacity:.58}.gradus-color-field,.gradus-color-line{display:grid;align-items:center;gap:.5rem}.gradus-color-field,.gradus-color-line{grid-template-columns:2.35rem minmax(0,1fr)}.gradus-color-picker{display:contents}.gradus-slider,.gradus-toggle-row{display:grid;gap:.48rem;color:var(--gradus-muted);font-size:.74rem;font-weight:750}.gradus-slider.is-disabled{opacity:.45}.gradus-slider-label,.gradus-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.gradus-slider-control{display:grid;grid-template-columns:minmax(0,1fr) 4.65rem;align-items:center;gap:.55rem;min-height:2rem}.gradus-preset-card{--btn-active-bg:rgb(245 245 247/0.12);--btn-active-bg-hover:rgb(245 245 247/0.12);--btn-active-text:var(--gradus-ink);position:relative;overflow:hidden;transition:transform .16s ease}.gradus-preset-card:active{transform:scale(.99)}.gradus-preset-button{display:grid;width:100%;min-height:4.9rem;align-content:space-between;gap:.45rem;padding:.48rem 2.35rem .48rem .48rem;text-align:left}.gradus-preset-copy{position:absolute;right:.44rem;bottom:.44rem;--btn-icon-only-size:1.7rem}.gradus-preset-thumb{display:block;width:100%;height:2rem;border-radius:12px}.gradus-preset-name{color:var(--gradus-ink);font-size:.76rem;font-weight:900}.gradus-preset-meta,.gradus-preset-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gradus-preset-meta{margin-top:.15rem;color:var(--gradus-faint);font-size:.62rem;font-weight:750}.gradus-toolbar-button{--btn-icon-only-size:2.25rem;flex:0 0 2.25rem}.gradus-random-button{display:inline-flex;min-width:7.4rem;flex:0 0 auto;align-items:center;justify-content:center;gap:.44rem;padding-inline:.9rem;font-size:.78rem;font-weight:900}.gradus-random-button svg{flex:0 0 auto}.gradus-switch-wrap{display:inline-flex;flex-shrink:0;align-items:center}.gradus-toolbar-button span{display:none}.gradus-platform-dialog-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgb(0 0 0/.56);padding:1rem;backdrop-filter:blur(18px)}.gradus-platform-dialog{--card-bg:var(--gradus-glass-strong);--card-radius:24px;--card-shadow:inset 0 0 0 1px rgb(245 245 247/0.14),0 28px 90px rgb(0 0 0/0.42);--card-backdrop-filter:blur(30px) saturate(1.16);display:grid;width:min(34rem,100%);gap:1rem;padding:1rem}.gradus-platform-dialog-head{display:flex;min-width:0;align-items:center;gap:.75rem}.gradus-platform-dialog-head h2,.gradus-platform-dialog-head p{margin:0}.gradus-platform-dialog-head p{color:var(--gradus-muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.gradus-platform-dialog-head h2{color:var(--gradus-ink);font-size:1.05rem;font-weight:900;line-height:1.1}.gradus-platform-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.gradus-platform-mode-card{display:flex;min-width:0;min-height:6.5rem;align-items:flex-start;gap:.7rem;padding:.8rem;text-align:left;transition:transform .15s}.gradus-platform-mode-card:hover:not(:disabled){transform:translateY(-1px)}.gradus-platform-mode-card:disabled{cursor:default;opacity:.58}.gradus-platform-mode-card>svg{flex-shrink:0}.gradus-platform-mode-card span{display:grid;min-width:0;gap:.25rem}.gradus-platform-mode-card small,.gradus-platform-mode-card strong{overflow:hidden;text-overflow:ellipsis}.gradus-platform-mode-card strong{font-size:.9rem;font-weight:900}.gradus-platform-mode-card small{color:var(--gradus-muted);font-size:.75rem;font-weight:720;line-height:1.25}.gradus-platform-bake-progress,.gradus-platform-inline-status{display:grid;gap:.5rem;padding:.75rem}.gradus-platform-inline-status{grid-template-columns:auto minmax(0,1fr);align-items:center;color:var(--gradus-muted);font-size:.8rem;font-weight:800}.gradus-platform-progress-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.75rem;color:var(--gradus-muted);font-size:.78rem;font-weight:800}.gradus-platform-progress-head strong{color:var(--gradus-ink);font-variant-numeric:tabular-nums}.gradus-platform-progress-track{height:.48rem;overflow:hidden;border-radius:999px;background:rgb(245 245 247/.12)}.gradus-platform-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--gradus-active);transition:width .24s ease}.gradus-platform-dialog-actions{display:flex;justify-content:flex-end}@media (max-width:1279px){.gradus-topbar{grid-template-columns:minmax(8rem,.7fr) minmax(18rem,1fr) minmax(8rem,auto);gap:.42rem}.gradus-editor-panel{width:min(23rem,100%)}}@media (max-width:767px){.gradus-shell{gap:.55rem;padding:.65rem .65rem 0}.gradus-topbar{--card-bg:var(--gradus-glass);--card-radius:20px;--card-shadow:0 16px 46px rgb(0 0 0/0.18);--card-backdrop-filter:blur(28px) saturate(1.15);grid-template-areas:"actions" "tabs";grid-template-columns:minmax(0,1fr);min-height:0;align-items:stretch;gap:.24rem;padding:.36rem}.gradus-brand{display:none}.gradus-brand-mark{--subcard-radius:12px;width:2.05rem;min-width:2.05rem;height:2.05rem}.gradus-brand p{display:none}.gradus-actions{width:100%;min-height:2.42rem;max-width:none;justify-self:stretch;justify-content:flex-start;gap:.28rem;border-radius:15px;background:transparent;padding:0;box-shadow:none;backdrop-filter:none;scroll-padding-inline:0;-webkit-mask-image:none;mask-image:none}.gradus-platform-mode-grid{grid-template-columns:minmax(0,1fr)}.gradus-category-rail{width:100%;max-width:none;min-height:2.1rem;justify-content:flex-start;gap:.22rem;border-radius:15px;background:rgb(245 245 247/.08);padding:.2rem;box-shadow:none;scroll-padding-inline:.2rem;-webkit-mask-image:none;mask-image:none}.gradus-category-button{height:1.68rem;min-height:1.68rem;min-width:-moz-max-content;min-width:max-content;max-width:7.2rem;flex:0 0 auto;padding-inline:.58rem;font-size:.64rem;scroll-snap-align:start}.gradus-toolbar-button{--btn-icon-only-size:2.18rem;flex-basis:2.18rem}.gradus-random-button{min-width:7.8rem;min-height:2.12rem;flex:1 1 auto;padding-inline:.72rem}.gradus-toolbar-button span{display:none}.gradus-workspace{display:flex;min-height:0;flex:1;flex-direction:column;justify-content:flex-end;gap:.5rem}.gradus-editor-panel{--card-radius:22px 22px 0 0;--card-bg:var(--gradus-glass-strong);flex:0 0 auto;width:100%;height:min(76dvh,40rem);max-height:none;will-change:transform;touch-action:pan-y}.gradus-sheet-handle{display:flex;width:100%;min-height:1.24rem;flex-shrink:0;align-items:center;justify-content:center;border:0;background:transparent;padding:.38rem 0 .16rem;cursor:grab;touch-action:none}.gradus-sheet-handle:active{cursor:grabbing}.gradus-sheet-handle span{display:block;width:2.6rem;height:.22rem;border-radius:999px;background:rgb(245 245 247/.32)}.gradus-editor-heading{gap:.04rem;padding:.72rem .8rem .14rem}.gradus-editor-heading span{font-size:.58rem}.gradus-editor-heading strong{font-size:.96rem}.gradus-editor-scroll{padding:.44rem .58rem calc(.65rem + env(safe-area-inset-bottom, 0px))}.gradus-section-stack{gap:.42rem}.gradus-section{gap:.38rem}.gradus-section-title h3{font-size:.72rem}.gradus-list-kicker,.gradus-section-title span{font-size:.58rem;letter-spacing:.06em}.gradus-field{gap:.24rem;font-size:.66rem}.gradus-catalog-row,.gradus-meta-grid{grid-template-columns:1fr}.gradus-segmented button{font-size:.64rem}.gradus-preset-list{gap:.45rem}.gradus-preset-button{min-height:4.25rem}.gradus-export-size-grid{grid-template-columns:1fr}.gradus-color-grid{gap:.36rem}.gradus-color-editor{display:grid;grid-template-areas:"color toggle" "slider slider";grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.32rem .42rem}.gradus-color-editor .gradus-color-line{grid-area:color}.gradus-color-editor .gradus-toggle-row{grid-area:toggle;justify-content:end}.gradus-color-editor .gradus-slider{grid-area:slider;gap:.26rem}.gradus-color-field,.gradus-color-line{gap:.34rem}.gradus-color-field,.gradus-color-line{grid-template-columns:2.35rem minmax(0,1fr)}.gradus-slider-control{grid-template-columns:minmax(0,1fr) 3.55rem;gap:.34rem;min-height:1.55rem}.gradus-color-editor .gradus-slider-label{min-height:1.12rem}}@media (max-width:420px){.gradus-shell{padding-inline:.5rem}.gradus-topbar{--card-radius:18px;gap:.2rem;padding:.3rem}.gradus-actions{min-height:2.32rem;gap:.24rem;border-radius:14px}.gradus-toolbar-button{--btn-icon-only-size:2.08rem;flex-basis:2.08rem}.gradus-random-button{min-width:7.6rem;min-height:2.08rem;padding-inline:.68rem;font-size:.72rem}.gradus-category-rail{min-height:2rem;gap:.18rem;border-radius:14px;padding:.18rem;scroll-padding-inline:.18rem}.gradus-category-button{height:1.58rem;min-height:1.58rem;max-width:6.4rem;padding-inline:.48rem;font-size:.6rem}}