:root{--color-uc-blue: #1295d8;--color-uc-blue-dark: #005581;--color-uc-blue-light: #bde3f6;--color-uc-gold: #ffb511;--color-uc-gold-dark: #ff6e1b;--color-uc-gold-light: #ffe552;--color-uc-blue-secondary: #005581;--color-uc-blue-secondary-dark: #002033;--color-uc-blue-secondary-light: #bde3f6;--color-uc-blue-light-2: #72cdf4;--color-uc-gold-2: #ffd200;--color-uc-gold-light-2: #ffe552;--color-uc-blue-xlight: #bde3f6;--color-uc-dark-blue: #002033;--color-uc-teal: #00778b;--color-uc-pink: #e44c9a;--color-primary: var(--color-uc-blue);--color-primary-dark: var(--color-uc-blue-dark);--color-primary-light: var(--color-uc-blue-light);--color-accent: var(--color-uc-gold);--color-accent-dark: var(--color-uc-gold-dark);--color-accent-light: var(--color-uc-gold-light);--color-background: #ffffff;--color-background-alt: #f4f7fb;--color-surface: var( --color-uc-blue-light-2 );--color-surface-raised: #f4f7fb;--bg-page-top: radial-gradient( 120% 140% at 100% 0%, var(--color-uc-blue-light-2) 0%, rgba(114, 205, 244, 0) 55% ), linear-gradient( 180deg, var(--color-uc-blue-light) 0%, var(--color-background) 100% );--color-border: #dbd5cd;--color-border-strong: #beb6af;--color-text: var(--color-uc-blue-secondary);--color-text-muted: #4c4c4c;--color-text-subtle: #7c7e7f;--color-text-inverse: #ffffff;--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-dark);--color-success: #1d7a3a;--color-success-light: #d4edda;--color-pending: #b45309;--color-pending-light: #fef3c7;--color-error: #c53030;--color-error-light: #fed7d7;--font-heading: "Lyon Text", Georgia, serif;--font-body: "Kievit", Arial, "Helvetica Neue", sans-serif;--font-mono: "Courier New", monospace;--text-xs: clamp(.7rem, .68rem + .1vw, .75rem);--text-sm: clamp(.85rem, .82rem + .15vw, .9375rem);--text-base: clamp(1rem, .96rem + .2vw, 1.125rem);--text-lg: clamp(1.125rem, 1.08rem + .23vw, 1.25rem);--text-xl: clamp(1.25rem, 1.18rem + .35vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.38rem + .6vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.65rem + 1.13vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.9rem + 1.75vw, 3.25rem);--text-display: clamp(2.75rem, 2.2rem + 2.75vw, 4.5rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--max-width-content: 680px;--max-width-wide: 900px;--max-width-site: 1200px;--max-width-full: 1440px;--nav-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}@font-face{font-family:Lyon Text;src:url(/assets/lyontext-regular-web-BfHuQL0N.woff) format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Lyon Text;src:url(/assets/lyontext-bold-web-DK_orqyl.woff) format("woff");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Kievit;src:url(/assets/KievitWebPro-Book-Bt0lCvZd.woff) format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Kievit;src:url(/assets/KievitWebPro-Bold-xbRFLIWj.woff) format("woff");font-weight:700;font-style:normal;font-display:block}.app{display:grid;height:100%;grid-template-columns:320px minmax(0,1fr);grid-template-rows:56px minmax(0,1fr);grid-template-areas:"top top" "side main"}.app>*{min-width:0}.topbar{grid-area:top}.side{grid-area:side}.main{grid-area:main}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--color-background);border-bottom:1px solid var(--color-border)}.topbar__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:none;border-color:transparent;font-size:var(--text-sm);color:var(--color-uc-blue-dark);white-space:nowrap}.topbar__brand img{width:auto;flex:none}.topbar__wordmark{height:22px}.topbar__mark{height:20px;display:none}.topbar__template{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-uc-blue-light);border-color:transparent;white-space:nowrap;min-width:0}.topbar__template strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar__template-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.topbar__end{margin-left:auto;display:flex;align-items:center;gap:var(--space-2);flex:none}.topbar__files{display:flex;gap:var(--space-2)}.fmt{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.btn__count{display:inline-grid;place-items:center;min-width:1.4em;margin-left:var(--space-2);padding:0 .35em;border-radius:var(--radius-full);background:#ffffff47;font-size:var(--text-xs)}button{font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}button:hover:not(:disabled){border-color:var(--color-uc-blue)}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--color-uc-blue);outline-offset:2px}.btn--primary{background:var(--color-uc-blue);border-color:var(--color-uc-blue);color:var(--color-text-inverse);font-weight:600;display:flex;align-items:center}.btn--primary:hover:not(:disabled){background:var(--color-uc-blue-dark);border-color:var(--color-uc-blue-dark)}.segmented{display:flex;gap:4px;padding:3px;border-radius:var(--radius-md);background:var(--color-background-alt);border:1px solid var(--color-border)}.seg{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);white-space:nowrap}.seg--on{background:var(--color-background);color:var(--color-uc-blue-dark);font-weight:600;box-shadow:var(--shadow-sm)}.seg__glyph{height:16px;border:1.5px solid currentColor;border-radius:2px;flex:none;opacity:.75}.seg__px{font-size:var(--text-xs);opacity:.7}.chips{display:flex;gap:4px}.chip{min-width:30px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted)}.chip--on{background:var(--color-uc-blue);border-color:var(--color-uc-blue);color:var(--color-text-inverse);font-weight:600}.stepper{display:flex;align-items:center;gap:4px}.stepper b{min-width:1.5em;text-align:center;font-size:var(--text-sm)}.stepper button{padding:0 var(--space-2);line-height:1.7}.side{overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5);padding-bottom:var(--space-16);background:var(--color-background);border-right:1px solid var(--color-border)}.side__section+.side__section{margin-top:var(--space-6)}.side__section h2{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:var(--space-3)}.side__section--design,.side--sel .side__section--design{display:none}.side__files{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.f{display:block;margin-bottom:var(--space-4)}.f__label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-1)}.f__label--row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}input[type=text],input[type=url],input[type=search],textarea,select{width:100%;font:inherit;font-size:var(--text-sm);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text)}textarea{resize:vertical;line-height:var(--line-height-normal)}.slide-group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.slide-group--active{border-color:var(--color-uc-blue)}.slide-group legend{font-size:var(--text-xs);font-weight:700;color:var(--color-text-subtle);padding:0 var(--space-1)}.slide-group .f:last-child{margin-bottom:0}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.stagebar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-background);border-bottom:1px solid var(--color-border)}.stagebar__note{font-size:var(--text-xs);color:var(--color-text-subtle)}.stagebar .seg__px{display:none}.stagebar__safe{margin-left:auto;flex:none;font-size:var(--text-xs)}.stagebar__safe--on{background:var(--color-uc-gold);border-color:transparent;color:var(--color-uc-blue-dark);font-weight:600}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:var(--space-4);background:#e6ecf2}.stage__box{position:relative;flex:none;box-shadow:var(--shadow-xl)}.stage__scaler{transform-origin:top left}.guides{position:absolute;inset:0;pointer-events:none}.guides span{position:absolute;top:0;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:6px;border-right:2px dashed rgba(255,255,255,.65);font-size:var(--text-xs);font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,32,51,.7)}.guides span:last-child{border-right:none}.safe{position:absolute;inset:0;pointer-events:none}.safe__tile{position:absolute;top:0;height:100%}.safe__box,.safe__crop,.safe__band{position:absolute}.safe__box{border:2px dashed rgba(255,181,17,.9)}.safe__crop{top:0;bottom:0;border-left:2px solid rgba(255,255,255,.75);border-right:2px solid rgba(255,255,255,.75)}.safe__band{left:0;right:0;background:#0020336b}.snap{position:absolute;inset:0;pointer-events:none}.snap__v,.snap__h{position:absolute;background:var(--color-uc-gold)}.snap__v{top:0;bottom:0;width:1px}.snap__h{left:0;right:0;height:1px}.modal{padding:0;border:none;margin:auto;width:min(560px,calc(100vw - 32px));max-width:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:var(--color-background);color:var(--color-text)}.modal--wide{width:min(920px,calc(100vw - 32px))}.modal::backdrop{background:#00203373}.modal__inner{display:flex;flex-direction:column;max-height:min(82vh,760px)}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal__head h2{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-uc-blue-dark)}.modal__x{border:none;background:transparent;font-size:var(--text-lg);line-height:1;color:var(--color-text-muted)}.modal__body{padding:var(--space-5);overflow-y:auto}.guide{font-size:var(--text-sm);line-height:var(--line-height-normal);color:var(--color-text)}.guide section+section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.guide h3{font-family:var(--font-heading);font-size:var(--text-base);color:var(--color-uc-blue-dark);margin-bottom:var(--space-2)}.guide h4{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-1)}.guide p+*,.guide ul+p{margin-top:var(--space-3)}.guide ul{list-style:none;display:grid;gap:var(--space-2)}.guide li{padding-left:var(--space-4);position:relative}.guide li:before{position:absolute;left:0;content:"·";color:var(--color-text-subtle);font-weight:700}.guide li.guide__use:before{content:"✓";color:var(--color-uc-blue)}.guide li.guide__avoid:before{content:"✕";color:var(--color-uc-gold-dark)}.guide__fmt+.guide__fmt{margin-top:var(--space-4)}.guide__caveat{font-size:var(--text-xs);color:var(--color-text-muted)}.guide__fig{margin:var(--space-4) 0}.sched{display:grid;grid-template-columns:auto repeat(12,minmax(0,1fr));gap:2px;align-items:center;max-width:460px}.sched__hour,.sched__day{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.sched__day{text-align:right;padding-right:var(--space-2)}.sched__cell{display:block;height:16px;border-radius:3px;background:var(--color-background-alt)}.sched__cell--ok{background:var(--color-uc-blue-light)}.sched__cell--best{background:var(--color-uc-blue)}.guide__legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.guide__legend span{display:flex;align-items:center;gap:var(--space-1)}.guide__legend .sched__cell{width:16px}.guide__sizes{width:100%;border-collapse:collapse}.guide__sizes th{text-align:left;font-weight:600;white-space:nowrap;padding:var(--space-2) var(--space-3) var(--space-2) 0;vertical-align:top}.guide__sizes th span{display:block;font-weight:400;font-size:var(--text-xs);color:var(--color-text-muted)}.guide__sizes td{padding:var(--space-2) 0;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.guide__sizes tr:last-child td{border-bottom:none}.book{display:grid;grid-template-columns:132px minmax(0,1fr);gap:var(--space-5);align-items:start;font-size:var(--text-sm)}.book__nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:0}.book__nav button{text-align:left;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm)}.book__nav button[aria-current]{background:var(--color-uc-blue-light);color:var(--color-uc-blue-dark);font-weight:600}.book__pane>section+section,.book__pane>p+section{margin-top:var(--space-5)}.book__pane h3{font-family:var(--font-heading);font-size:var(--text-base);color:var(--color-uc-blue-dark);margin-bottom:var(--space-2)}.book__pane p{color:var(--color-text-muted);line-height:var(--line-height-normal)}.book__pane p+p{margin-top:var(--space-2)}.book__lede{font-family:var(--font-heading);font-size:var(--text-base);color:var(--color-text)!important}.book__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-muted);line-height:var(--line-height-normal)}.book__list li{padding-left:var(--space-6);position:relative}.book__list li:before{content:"•";position:absolute;left:var(--space-2);color:var(--color-border-strong)}.book__list li.guide__use:before{content:"✓";color:var(--color-uc-blue)}.book__list li.guide__avoid:before{content:"✕";color:var(--color-uc-gold-dark)}.book__quote{border-left:3px solid var(--color-uc-gold);padding:var(--space-2) 0 var(--space-2) var(--space-4);color:var(--color-text-muted);font-style:italic;line-height:var(--line-height-normal)}.book__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.book__swatch{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"chip name" "chip hex" "token token" "usage usage";grid-template-rows:auto auto auto 1fr;gap:0 var(--space-3);align-items:center;align-content:start;text-align:left;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background)}.book__swatch:hover{border-color:var(--color-uc-blue)}.book__swatch__chip{grid-area:chip;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid rgba(0,32,51,.12)}.book__swatch b{grid-area:name;align-self:end;font-size:var(--text-sm);color:var(--color-text)}.book__swatch code{grid-area:hex;align-self:start;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.book__swatch__token{grid-area:token;margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-uc-blue-dark);overflow-wrap:anywhere}.book__swatch__usage{grid-area:usage;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--line-height-snug)}.book__grads{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.book__grad{height:72px;border-radius:var(--radius-md);display:flex;align-items:flex-end;padding:var(--space-3)}.book__grad span{font-family:var(--font-heading);font-size:var(--text-sm);color:#fff}.book__grad span[data-onlight]{color:var(--color-uc-blue-secondary-dark)}.spec{color:var(--color-text)!important;font-size:var(--text-xl);line-height:var(--line-height-tight)}.spec+.spec{margin-top:var(--space-1)}.spec--lyon{font-family:var(--font-heading)}.spec--kievit{font-family:var(--font-body)}.book__scale>div{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0;border-bottom:1px solid var(--color-border)}.book__scale span{font-family:var(--font-heading);color:var(--color-text);line-height:var(--line-height-tight);min-width:3.5em}.book__scale code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-uc-blue-dark)}.book__scale em{font-size:var(--text-xs);color:var(--color-text-subtle);font-style:normal;margin-left:auto}.book__mark{display:flex;align-items:center;gap:var(--space-4)}.book__mark img{width:56px;height:56px;flex:none}.book__marks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin:var(--space-3) 0}.book__marks-tile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md)}.book__marks-tile img:first-child{width:40px;flex:none}.book__marks-tile img:last-child{min-width:0;flex:1}.book__marks-tile--blue{background:var(--color-uc-blue)}.book__marks-tile--white{background:var(--color-background);box-shadow:inset 0 0 0 1px var(--color-border)}.book__matrixwrap{overflow-x:auto;margin-top:var(--space-3)}.book__matrix{border-collapse:collapse;font-size:var(--text-xs)}.book__matrix th{font-weight:600;text-align:left;padding:var(--space-1) var(--space-2);color:var(--color-text-muted);white-space:nowrap}.book__matrix thead th{font-family:var(--font-mono);font-weight:400;font-size:10px;padding:var(--space-1)}.book__matrix i{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,32,51,.15);margin-right:var(--space-1);vertical-align:-1px}.book__matrix .cell{text-align:center;padding:var(--space-2) var(--space-1);border:1px solid var(--color-border);line-height:1.25;min-width:3.4em}.book__matrix .cell b{display:block;font-family:var(--font-mono);color:var(--color-text)}.book__matrix .cell span{font-size:10px;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.cell--aa{background:var(--color-success-light)}.cell--aa span{color:var(--color-success)}.cell--lg{background:var(--color-pending-light)}.cell--lg span{color:var(--color-pending)}.cell--no{background:var(--color-error-light)}.cell--no span{color:var(--color-error)}.book__terms{width:100%;border-collapse:collapse;text-align:left}.book__terms th,.book__terms td{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:1px solid var(--color-border);vertical-align:top;font-size:var(--text-xs);color:var(--color-text-muted)}.book__terms thead th{font-size:10px;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-subtle)}.book__terms tbody th{font-weight:600;color:var(--color-text);white-space:nowrap}.book__socials{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2)}.book__socials li{display:flex;gap:var(--space-2);justify-content:space-between;font-size:var(--text-xs);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-1)}.book__socials span{color:var(--color-text-subtle);overflow-wrap:anywhere}.home{height:100%;overflow:auto;padding:var(--space-8) var(--space-6) var(--space-10);background:var(--color-background)}.home>*{max-width:940px;margin-inline:auto}.home__head{margin-bottom:var(--space-8)}.home__wordmark{display:block;height:34px;width:auto;margin-bottom:var(--space-3)}.home__head h1{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-uc-blue-dark)}.home__head p{margin-top:var(--space-2);max-width:56ch;color:var(--color-text-muted)}.home__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:var(--space-4)}.namer__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.gallery__head{margin:var(--space-6) 0 var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-subtle)}.gallery__head:first-child{margin-top:0}.gcard__wrap{position:relative;display:flex}.gcard__wrap .gcard{flex:1;min-width:0}.gcard__x{position:absolute;top:var(--space-2);right:var(--space-2);padding:0 var(--space-1);line-height:1.4;border-color:transparent;background:var(--color-background);color:var(--color-text-muted);opacity:0}.gcard__wrap:hover .gcard__x,.gcard__x:focus-visible{opacity:1}@media(pointer:coarse){.gcard__x{opacity:1}}.gcard{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:var(--space-2);text-align:left}.gcard--on{border-color:var(--color-uc-blue);box-shadow:inset 0 0 0 2px var(--color-uc-blue)}.gcard__thumb{display:block;position:relative;overflow:hidden;margin-inline:auto;margin-bottom:var(--space-2);border-radius:var(--radius-sm);background:var(--color-background-alt)}.gcard__box{display:block;position:absolute;overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px var(--color-border)}.gcard__scaler{display:block;position:absolute;top:0;left:0;transform-origin:top left}.gcard .canvas{display:block;pointer-events:none}.gcard strong{font-size:var(--text-sm)}.gcard__blurb{font-size:var(--text-xs);color:var(--color-text-muted)}.picker__current{display:flex;gap:var(--space-2);align-items:center}.picker__current img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-background-alt)}.picker__actions{display:flex;gap:var(--space-1)}.picker__add{width:100%;border-style:dashed}.picker__sources{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.picker__file{display:block;text-align:center;padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer}.picker__file:hover{border-color:var(--color-uc-blue);background:var(--color-background-alt)}.picker__row{display:flex;gap:var(--space-2)}.picker__row button{flex:none}.picker__error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-2)}.picker__tabs{margin:var(--space-4) 0 var(--space-3)}.picker__tabs .seg{justify-content:center}.picker__filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.picker__filters select{width:auto;flex:none}.picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--space-2)}.picker__grid button{display:flex;flex-direction:column;gap:2px;padding:var(--space-1);background:var(--color-background)}.picker__grid img{width:100%;aspect-ratio:1;object-fit:contain}.picker__grid:not(.picker__grid--icons) img{background:conic-gradient(rgba(0,32,51,.18) 25%,transparent 0 50%,rgba(0,32,51,.18) 0 75%,transparent 0) 0 0 / 12px 12px}.picker__grid--icons{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.picker__grid--icons img{max-width:40px;margin-inline:auto}.picker__grid span{font-size:10px;color:var(--color-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__empty{font-size:var(--text-sm);color:var(--color-text-subtle)}.toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:var(--z-toast);display:block;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--color-uc-dark-blue);color:var(--color-text-inverse);font-size:var(--text-sm);box-shadow:var(--shadow-lg)}@media(max-width:899px){.app{grid-template-columns:1fr;grid-template-rows:56px 46vh minmax(0,1fr);grid-template-areas:"top" "main" "side"}.topbar{gap:var(--space-2);padding:0 var(--space-3)}.topbar__brand b,.topbar__wordmark,.topbar__files,.topbar__end .fmt,.stagebar__sizes{display:none}.topbar__mark{display:block}.topbar__template{overflow:hidden}.side{display:flex;flex-direction:column;gap:var(--space-6);border-right:none;border-top:1px solid var(--color-border);padding:var(--space-4);padding-bottom:var(--space-20)}.side__section+.side__section{margin-top:0}.side__section--design{display:block;order:2}.side__section>h2{display:none}.segmented{flex-wrap:wrap}.seg{flex:1 1 45%}.stage{padding:var(--space-2)}.stagebar{justify-content:center}.modal,.modal--wide{width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.modal__inner{max-height:100dvh;height:100dvh}.book{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.book__nav{flex-direction:row;gap:var(--space-1);overflow-x:auto;padding-bottom:var(--space-1)}.book__nav button{white-space:nowrap}.book__swatches{grid-template-columns:minmax(0,1fr)}.toast{bottom:var(--space-4);width:max-content;max-width:calc(100vw - 32px)}}@media(pointer:coarse){.ffo__h{width:22px;height:22px}.ffo__h--nw,.ffo__h--ne,.ffo__h--n{top:-11px}.ffo__h--sw,.ffo__h--se,.ffo__h--s{bottom:-11px}.ffo__h--nw,.ffo__h--sw,.ffo__h--w{left:-11px}.ffo__h--ne,.ffo__h--se,.ffo__h--e{right:-11px}.ffo__h--n,.ffo__h--s{margin-left:-11px}.ffo__h--e,.ffo__h--w{margin-top:-11px}.swatch{width:36px;height:36px}.swatches input[type=color]{width:44px;height:38px}.side button,.chip,.ctxmenu button{min-height:44px}}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}.ff-props,.ctxmenu{animation:rise .12s ease-out}@keyframes fade{0%{opacity:0}}.toast{animation:fade .16s ease-out}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.ffo{position:absolute;top:0;left:0;pointer-events:none}.ffo__el{position:absolute;border:1px solid transparent;cursor:move;touch-action:none;pointer-events:auto}.ffo__el:hover{border-color:#1295d899}.ffo__el--on{border:1.5px solid var(--color-uc-blue)}.ffo__band{position:absolute;pointer-events:none;border:1px solid var(--color-uc-blue);background:#1295d81f}.ffo__el--reframe{cursor:grab;border-style:dashed;border-color:var(--color-uc-gold)}.ffo__el--reframe:active{cursor:grabbing}.ffo__h{position:absolute;width:11px;height:11px;background:var(--color-background);border:1.5px solid var(--color-uc-blue);border-radius:2px;touch-action:none}.ffo__h--nw{top:-6px;left:-6px;cursor:nwse-resize}.ffo__h--ne{top:-6px;right:-6px;cursor:nesw-resize}.ffo__h--sw{bottom:-6px;left:-6px;cursor:nesw-resize}.ffo__h--se{bottom:-6px;right:-6px;cursor:nwse-resize}.ffo__h--n,.ffo__h--s{left:50%;margin-left:-6px;cursor:ns-resize}.ffo__h--n{top:-6px}.ffo__h--s{bottom:-6px}.ffo__h--e,.ffo__h--w{top:50%;margin-top:-6px;cursor:ew-resize}.ffo__h--e{right:-6px}.ffo__h--w{left:-6px}.ctxmenu{position:fixed;z-index:60;width:180px;margin:0;padding:var(--space-1) 0;list-style:none;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.ctxmenu button{display:block;width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:0;background:none;color:var(--color-text);font-size:.85rem;text-align:left;cursor:pointer}.ctxmenu button:hover,.ctxmenu button:focus-visible{background:var(--color-background-alt)}.ff-add{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.ff-add button{flex:1}.ff-empty{font-size:var(--text-xs);color:var(--color-text-subtle)}.ff-reframe{width:100%;margin-bottom:var(--space-2)}.ff-props{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.ff-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.ff-head .f__label{margin-bottom:0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-uc-blue-dark)}.ff-head button{flex:none;padding:0 var(--space-2);line-height:1.6;color:var(--color-text-muted)}.ff-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.ff-actions button{flex:1;font-size:var(--text-xs)}.ff-layer{display:flex;gap:var(--space-2)}.ff-layer button{flex:1;font-size:var(--text-sm);line-height:1.4}.ff-layer button:first-child,.ff-layer button:last-child{font-size:var(--text-lg);line-height:1}.ff-paste{width:100%;margin-top:calc(var(--space-4) * -1 + var(--space-1));margin-bottom:var(--space-4)}.ff-align{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.ff-align button{flex:1;text-transform:capitalize}.swatches{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.swatch{width:24px;height:24px;padding:0;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.swatch--on{box-shadow:0 0 0 2px var(--color-uc-blue)}.swatches input[type=color]{width:34px;height:26px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background)}input[type=number]{width:100%;font:inherit;font-size:var(--text-sm);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text)}*,*:before,*:after{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-background-alt);-webkit-font-smoothing:antialiased}.canvas{position:relative;overflow:hidden;isolation:isolate;background:var(--color-background);font-family:var(--font-body);color:var(--color-text);line-height:var(--line-height-snug)}.ff__bg{position:absolute;inset:0;z-index:0}.canvas .cover-fx{position:absolute;inset:0;z-index:0;pointer-events:none}.canvas .cover-fx:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) calc(var(--u) * .12),transparent calc(var(--u) * .13));background-size:calc(var(--u) * 1.5) calc(var(--u) * 1.5)}.canvas .cover-fx[data-onlight]:before{background-image:radial-gradient(rgba(0,32,51,.14) calc(var(--u) * .12),transparent calc(var(--u) * .13))}.canvas .cover-fx:after{content:"";position:absolute;right:0;top:-30%;width:55%;height:160%;background:linear-gradient(120deg,#ffffff2e,#fff0);transform:rotate(12deg)}.canvas .frame{position:absolute;inset:0;z-index:0;overflow:hidden;cursor:grab;touch-action:none}.canvas .frame:active{cursor:grabbing}.canvas .frame img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.canvas .frame--empty{display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--u) * 6);background:linear-gradient(135deg,var(--color-uc-blue-light),var(--color-background-alt));color:var(--color-uc-blue-dark);font-size:calc(var(--u) * 3);cursor:default}.canvas .ff__el{position:absolute;z-index:3;display:flex;align-items:center;overflow:hidden}.canvas .ff__el--shadowed{overflow:visible}.canvas .ff__el--text{line-height:1.12;letter-spacing:-.01em;white-space:pre-wrap;overflow-wrap:anywhere}.canvas .ff__el[contenteditable=true],.canvas .ff__el[contenteditable=plaintext-only]{outline:none;cursor:text}.canvas .ff__el--image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit}.canvas .ff__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0055811f;border:calc(var(--u) * .2) dashed rgba(0,85,129,.4);color:var(--color-uc-blue-dark);font-size:calc(var(--u) * 2.5)}