@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-400-BJoXLJYV.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-500-C820gu2e.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/ibm-plex-mono-600-DpGnXj3s.woff2)format("woff2")}:root{--sig-font-mono:"IBM Plex Mono", "Courier New", monospace;--sig-page-bg:#f6f6f2;--sig-page-top:#fff;--sig-card-bg:#fff;--sig-subtle-surface:#f7f7f4;--sig-frame-border:#1a1a1a47;--sig-shadow:#000;--sig-preview-shadow:0 0 0 1px #1a1a1a33, 0 16px 36px #1a1a1a24}:root[data-theme=dark]{--sig-page-bg:#101010;--sig-page-top:#1a1a1a;--sig-card-bg:#1a1a1a;--sig-subtle-surface:#222;--sig-frame-border:#f0f0ec33;--sig-shadow:#ff4f00;--sig-primary-shadow:#000;--sig-preview-shadow:0 0 0 1px #f0f0ec38, 0 18px 40px #00000080;--hl-alias-action-color:#f0f0ec;--hl-alias-action-bg:#2a2a2a;--hl-alias-action-border:#777;--hl-alias-shadow-0:1px 1px 0 #ff4f00;--hl-alias-shadow-1:2px 2px 0 #ff4f00;--hl-alias-shadow-2:4px 4px 0 #ff4f00;--hl-alias-shadow-3:8px 8px 0 #ff4f00;--hl-alias-shadow-accent:2px 2px 0 #ff4f00}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{font-size:14px}body{background:linear-gradient(180deg, var(--sig-page-top) 0, var(--sig-page-top) 56px, var(--sig-page-bg) 56px, var(--sig-page-bg) 100%);min-height:100vh;color:var(--hl-alias-text-main,#1a1a1a);font-family:var(--hl-alias-font-ui,system-ui, sans-serif);flex-direction:column;margin:0;display:flex;overflow-x:hidden}button,input,select{font:inherit}button{letter-spacing:var(--hl-alias-tracking-wide,.05em)}main{flex:1}a{color:inherit}.app-header{z-index:100;background:var(--hl-alias-surface-bg,#fff);border-bottom:1px solid var(--hl-alias-surface-border,#1a1a1a);box-shadow:0 3px 0 var(--sig-shadow);position:sticky;top:0}.header-inner{max-width:1240px;min-height:56px;padding:0 var(--hl-alias-space-6,24px);justify-content:space-between;align-items:center;gap:var(--hl-alias-space-4,16px);margin:0 auto;display:flex}.header-brand,.header-nav,.settings-actions,.action-row{align-items:center;display:flex}.header-brand{gap:var(--hl-alias-space-2,8px);min-width:0}.brand-name,.panel-label,.section-legend,.field-label,.field-counter,.footer-inner{font-family:var(--sig-font-mono);text-transform:uppercase;letter-spacing:var(--hl-alias-tracking-wide,.05em)}.brand-name{color:var(--hl-alias-text-main,#1a1a1a);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.header-nav{gap:var(--hl-alias-space-2,8px);flex-shrink:0}.header-nav hl-btn[variant=ghost]{--hl-btn-border-style:solid}.header-nav .nav-btn{color:var(--hl-alias-text-main,#1a1a1a)}.nav-btn.active{color:var(--hl-global-color-accent,#ff4f00)}#theme-toggle{justify-content:center;width:34px;height:28px;padding-left:0;padding-right:0}#theme-toggle[aria-pressed=true]{color:var(--hl-global-color-accent,#ff4f00)}.theme-toggle-icon{justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.theme-toggle-icon svg{width:16px;height:16px;display:block}.view{display:none}[data-view=main] #view-main,[data-view=settings] #view-settings{display:block}.main-layout{max-width:1240px;padding:40px var(--hl-alias-space-6,24px) 52px;grid-template-columns:minmax(320px,380px) minmax(420px,1fr);align-items:start;gap:40px;margin:0 auto;display:grid}.settings-layout{max-width:780px;padding:40px var(--hl-alias-space-6,24px) 72px;gap:var(--hl-alias-space-4,16px);flex-direction:column;margin:0 auto;display:flex}.form-panel,.preview-panel,.settings-section{--hl-card-font:var(--hl-alias-font-ui,system-ui, sans-serif);--hl-card-bg:var(--sig-card-bg);--hl-card-shadow:4px 4px 0 var(--sig-shadow)}.form-panel{position:sticky;top:88px}.preview-panel{flex-direction:column;justify-content:flex-start;justify-self:center;align-items:center;width:min(100%,620px);min-height:640px;display:flex}.settings-header{justify-content:space-between;align-items:center;gap:var(--hl-alias-space-4,16px);padding:var(--hl-alias-space-4,16px);background:var(--hl-alias-surface-bg,#fff);border:1px solid var(--hl-alias-surface-border,#1a1a1a);box-shadow:4px 4px 0 var(--sig-shadow);display:flex}.settings-actions,.action-row{gap:var(--hl-alias-space-3,12px)}.settings-actions{flex-wrap:wrap;justify-content:flex-end}hl-card,hl-input,hl-select,hl-alert,hl-helper-text,hl-error-message{max-width:100%}hl-input,hl-select{width:100%}hl-input:has(#s_platform_other[hidden]){display:none}hl-btn[hidden]{display:none}hl-btn>button{white-space:nowrap;min-height:100%}hl-btn>button:disabled{cursor:not-allowed}:root[data-theme=dark] hl-btn[variant=default]{--hl-btn-bg:#2a2a2a;--hl-btn-color:#f0f0ec;--hl-btn-border-color:#777}:root[data-theme=dark] hl-btn[variant=primary]{--hl-btn-shadow:4px 4px 0 var(--sig-primary-shadow)}:root[data-theme=dark] hl-btn[disabled]{opacity:.68}:root[data-theme=dark] hl-btn:has(>button:disabled){opacity:.68}:root[data-theme=dark] hl-btn[disabled]>button,:root[data-theme=dark] hl-btn>button:disabled{color:#d8d8d2}.action-row hl-btn{flex:1 1 0}.action-row hl-btn>button{justify-content:center;gap:var(--hl-alias-space-2,8px);width:100%}.settings-actions hl-btn>button{justify-content:center}hl-input>input::placeholder{color:color-mix(in srgb, var(--hl-alias-text-muted,#666) 72%, transparent)}hl-select{align-items:stretch;position:relative}hl-select label[slot=label]{padding:0 var(--hl-alias-space-2,8px);border-right:1px solid var(--hl-alias-surface-border,#1a1a1a);background:var(--hl-alias-surface-bg-alt,#f0f0ec);color:var(--hl-alias-text-muted,#666);font-family:var(--sig-font-mono);font-size:var(--hl-alias-font-size-label,11px);letter-spacing:var(--hl-alias-tracking-wide,.05em);text-transform:uppercase;white-space:nowrap;align-items:center;display:flex}hl-select>select{flex:1;min-width:0}hl-code{color:var(--hl-alias-text-main,#1a1a1a);box-shadow:none;background:#ff4f001a;padding:1px 4px;font-size:12px;display:inline}code.token{color:var(--hl-alias-text-main,#1a1a1a);font-family:var(--sig-font-mono);letter-spacing:0;background:#ff4f001a;padding:1px 5px;font-size:.95em;font-weight:600;display:inline}.panel-label{margin:0 0 var(--hl-alias-space-4,16px);padding-bottom:var(--hl-alias-space-3,12px);border-bottom:1px solid var(--hl-alias-surface-border,#1a1a1a);color:var(--hl-alias-text-muted,#666);font-size:11px;font-weight:600}.settings-header .panel-label{color:var(--hl-alias-text-main,#1a1a1a);border:0;margin:0;padding:0}.section-legend{margin:0 0 var(--hl-alias-space-4,16px);padding-bottom:var(--hl-alias-space-3,12px);border-bottom:1px solid var(--hl-alias-surface-border,#1a1a1a);color:var(--hl-alias-text-main,#1a1a1a);font-size:12px;font-weight:600}.legend-hint{color:var(--hl-alias-text-muted,#666);font-weight:400}.field-group{margin-bottom:var(--hl-alias-space-4,16px);position:relative}.field-group:last-child{margin-bottom:0}.field-label{margin-bottom:var(--hl-alias-space-2,8px);color:var(--hl-alias-text-muted,#666);font-size:var(--hl-alias-font-size-label,11px);font-weight:600;display:block}.required,.thermal-warn{color:var(--hl-global-color-accent,#ff4f00)}.field-counter{color:var(--hl-alias-text-muted,#666);font-size:10px}.field-meta-row{min-height:14px;margin-bottom:var(--hl-alias-space-1,4px);justify-content:space-between;align-items:center;display:flex}.field-error,.field-hint,.preview-note{margin-top:var(--hl-alias-space-2,8px)}.footer-token-hint{margin-bottom:var(--hl-alias-space-2,8px);color:var(--hl-alias-text-muted,#666);font-family:var(--sig-font-mono);font-size:11px;line-height:1.5}.save-feedback.success{--hl-alert-tone-color:var(--hl-alias-status-success,#1a6b1a)}.save-feedback.error{--hl-alert-tone-color:var(--hl-alias-status-error,#c00)}.mt-sm{margin-top:var(--hl-alias-space-2,8px)}.logo-area{margin-bottom:var(--hl-alias-space-3,12px)}.logo-preview-wrap{align-items:center;gap:var(--hl-alias-space-4,16px);padding:var(--hl-alias-space-3,12px);background:var(--hl-alias-surface-bg-alt,#f0f0ec);border:1px solid var(--hl-alias-surface-border,#1a1a1a);display:flex}.logo-preview-img{object-fit:contain;border:1px solid var(--hl-alias-surface-border,#1a1a1a);background:var(--sig-page-top);width:64px;height:64px;padding:var(--hl-alias-space-1,4px);border-radius:50%;flex-shrink:0}.logo-upload-area{border:1px dashed var(--hl-alias-surface-border,#1a1a1a);background:var(--hl-alias-surface-bg-alt,#f0f0ec)}.logo-upload-area:hover{box-shadow:var(--hl-alias-shadow-accent,2px 2px 0 #ff4f00)}.logo-upload-label{justify-content:center;align-items:center;gap:var(--hl-alias-space-2,8px);min-height:116px;color:var(--hl-alias-text-main,#1a1a1a);cursor:pointer;font-family:var(--sig-font-mono);letter-spacing:var(--hl-alias-tracking-wide,.05em);flex-direction:column;font-size:12px;font-weight:600;display:flex}.upload-icon{border:1px solid var(--hl-global-color-accent,#ff4f00);width:28px;height:28px;color:var(--hl-global-color-accent,#ff4f00);place-items:center;font-size:20px;line-height:1;display:inline-grid}.upload-hint{color:var(--hl-alias-text-muted,#666);font-size:11px;font-weight:400}.dynamic-list{gap:var(--hl-alias-space-2,8px);flex-direction:column;display:flex}.dynamic-list-item{gap:var(--hl-alias-space-2,8px);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.dynamic-list-item hl-input{min-width:0}.dynamic-list-item .list-remove-btn{min-width:36px;padding-right:var(--hl-alias-space-2,8px);padding-left:var(--hl-alias-space-2,8px);justify-content:center}.color-grid{gap:var(--hl-alias-space-4,16px) var(--hl-alias-space-6,24px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.color-field{gap:var(--hl-alias-space-2,8px);flex-direction:column;display:flex}.color-row{gap:var(--hl-alias-space-2,8px);grid-template-columns:42px minmax(0,1fr);align-items:stretch;display:grid}.color-picker{border:1px solid var(--hl-alias-surface-border,#1a1a1a);background:var(--hl-alias-surface-bg-alt,#f0f0ec);width:42px;min-height:34px;box-shadow:1px 1px 0 var(--sig-shadow);cursor:pointer;appearance:none;border-radius:0;padding:2px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:0;border-radius:0}.color-hex-shell,.color-hex{min-width:0}.color-hex{font-family:var(--sig-font-mono);letter-spacing:var(--hl-alias-tracking-wide,.05em);text-transform:uppercase}.thermal-warn{--hl-error-message-color:var(--hl-global-color-accent,#ff4f00)}.page-size-row{align-items:flex-start;gap:var(--hl-alias-space-3,12px);display:flex}.page-size-row .field-group{flex:1}.field-narrow{min-width:0}.page-size-sep{color:var(--hl-alias-text-muted,#666);font-family:var(--sig-font-mono);padding-top:10px;font-size:18px}.preview-slot{background:var(--sig-subtle-surface);border:1px solid var(--sig-frame-border);flex-direction:column;align-items:stretch;width:min(100%,392px);padding:20px;display:flex}.preview-feed-top,.preview-feed-bottom{display:none}.preview-note{text-align:center;width:min(100%,392px)}.preview-insert{aspect-ratio:2/3;width:100%;box-shadow:var(--sig-preview-shadow);background-color:#fff;background-image:linear-gradient(#fff 0% 100%);font-family:Courier New,Courier,monospace;position:relative;overflow:hidden;container-type:size}.pi-border{box-sizing:border-box;pointer-events:none;position:absolute}.pi-circle{box-sizing:border-box;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.pi-circle img{object-fit:contain;max-width:84%;max-height:84%}.pi-text{white-space:normal;word-break:break-word;max-width:85%;line-height:1.3;position:absolute}.pi-content{flex-direction:column;gap:.8cqh;display:flex;position:absolute;overflow:hidden}.pi-flow-text{white-space:normal;word-break:break-word;flex-shrink:0;line-height:1.3}.pi-item-name{margin-bottom:.4cqh}.pi-tagline{margin-top:.4cqh}.pi-line{border-top-style:solid;height:0;position:absolute;left:6%;right:6%}.app-footer{border-top:1px solid var(--hl-alias-surface-border,#1a1a1a);background:var(--hl-alias-surface-bg,#fff);margin-top:auto}.footer-inner{max-width:1240px;padding:var(--hl-alias-space-3,12px) var(--hl-alias-space-6,24px);color:var(--hl-alias-text-muted,#666);text-align:center;margin:0 auto;font-size:11px}.footer-link{color:var(--hl-alias-text-main,#1a1a1a);text-decoration:underline;-webkit-text-decoration-color:var(--hl-global-color-accent,#ff4f00);text-decoration-color:var(--hl-global-color-accent,#ff4f00);text-underline-offset:3px}@media (width<=860px){.main-layout{grid-template-columns:1fr}.form-panel{position:static}.preview-panel{min-height:0}}@media (width<=640px){.header-inner{min-height:72px;padding:var(--hl-alias-space-3,12px) var(--hl-alias-space-4,16px);flex-direction:column;align-items:flex-start}.header-nav,.header-nav hl-btn,.header-nav button,.settings-actions,.settings-actions hl-btn,.settings-actions button{width:100%}.main-layout,.settings-layout{padding:var(--hl-alias-space-4,16px)}.settings-header,.settings-actions,.action-row,.page-size-row{flex-direction:column;align-items:stretch}.color-grid{grid-template-columns:1fr}.page-size-sep{display:none}}@media (width<=420px){.brand-name{font-size:11px}hl-input{display:block}hl-input>label[slot=label],hl-select label[slot=label]{border-right:0;border-bottom:1px solid var(--hl-alias-surface-border,#1a1a1a);width:100%;min-height:28px}}:root{--hl-global-color-ink:#1a1a1a;--hl-global-color-muted:#666;--hl-global-color-bg:#f0f0ec;--hl-global-color-surface:#fff;--hl-global-color-surface-dark:#1a1a1a;--hl-global-color-accent:#ff4f00;--hl-global-color-accent-contrast:#fff;--hl-global-color-error:#c00;--hl-global-color-success:#1a6b1a;--hl-global-shadow-color:#000;--hl-global-shadow-inset-color:#0000001a;--hl-global-duration-snappy:.1s;--hl-global-duration-smooth:.2s;--hl-global-easing-linear:linear;--hl-global-easing-smooth:ease;--hl-alias-shadow-0:1px 1px 0px #000;--hl-alias-shadow-1:2px 2px 0px #000;--hl-alias-shadow-2:4px 4px 0px #000;--hl-alias-shadow-3:8px 8px 0px #000;--hl-alias-shadow-inset:inset 1px 1px 0px #0000001a;--hl-alias-shadow-accent:2px 2px 0px #ff4f00;--hl-alias-shadow-error:2px 2px 0px #c00;--hl-alias-transition-snappy:.1s linear;--hl-alias-transition-smooth:.2s ease;--hl-alias-surface-bg:#fff;--hl-alias-surface-bg-alt:#f0f0ec;--hl-alias-surface-border:#1a1a1a;--hl-alias-surface-border-width:1px;--hl-alias-surface-padding:24px;--hl-alias-radius-default:0px;--hl-alias-text-main:#1a1a1a;--hl-alias-text-muted:#666;--hl-alias-font-technical:"JetBrains Mono", monospace;--hl-alias-font-ui:"Inter", system-ui, sans-serif;--hl-alias-font-size-label:11px;--hl-alias-font-size-btn:12px;--hl-alias-font-size-btn-sm:10px;--hl-alias-font-weight-bold:600;--hl-alias-tracking-wide:.05em;--hl-alias-space-1:4px;--hl-alias-space-2:8px;--hl-alias-space-3:12px;--hl-alias-space-4:16px;--hl-alias-space-6:24px;--hl-alias-space-8:32px;--hl-alias-action-bg:#fff;--hl-alias-action-bg-primary:#ff4f00;--hl-alias-action-color:#1a1a1a;--hl-alias-action-color-primary:#fff;--hl-alias-action-border:#1a1a1a;--hl-alias-action-shadow-primary:2px 2px 0px #000;--hl-alias-action-disabled-opacity:.4;--hl-alias-action-padding-x:16px;--hl-alias-action-padding-y:12px;--hl-alias-action-padding-x-sm:12px;--hl-alias-action-padding-y-sm:4px;--hl-alias-input-padding:8px;--hl-alias-status-error:#c00;--hl-alias-status-success:#1a6b1a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hl-alias-surface-bg:#1a1a1a;--hl-alias-surface-bg-alt:#222;--hl-alias-surface-border:#5a5a5a;--hl-alias-text-main:#f0f0ec;--hl-alias-text-muted:#999;--hl-alias-action-bg:#2a2a2a;--hl-alias-action-color:#f0f0ec;--hl-alias-action-border:#555;--hl-alias-action-shadow-primary:2px 2px 0px #000;--hl-alias-action-disabled-opacity:.72}}[data-theme=dark]{--hl-alias-surface-bg:#1a1a1a;--hl-alias-surface-bg-alt:#222;--hl-alias-surface-border:#5a5a5a;--hl-alias-text-main:#f0f0ec;--hl-alias-text-muted:#999;--hl-alias-action-bg:#2a2a2a;--hl-alias-action-color:#f0f0ec;--hl-alias-action-border:#555;--hl-alias-action-shadow-primary:2px 2px 0px #000;--hl-alias-action-disabled-opacity:.72}