@font-face{font-family:main;src:local(Geologica),local(Geologica NF)}:root{font-synthesis:none;text-rendering:optimizelegibility;color:#eeeef3;color-scheme:light dark;background:#101014;font-family:main,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:2px solid #ae98f7}button:disabled,fieldset:disabled{opacity:.4;cursor:not-allowed}button{-webkit-appearance:none}button svg,a svg{flex-shrink:0}a{color:inherit;text-decoration:none}button{transition:background .16s,color .16s,border-color .16s,transform .16s}::selection{background:#8c69dd66}.studio{--bg:#111115;--panel:#16161b;--raised:#1e1e25;--border:#2a2932;--text:#e9e8ef;--muted:#94919f;--faint:#686573;--accent:#c0a7ff;--accent-bg:#2d243f;height:100dvh;min-height:640px;color:var(--text);background:var(--bg);color-scheme:dark;flex-direction:column;font-size:12px;display:flex}.studio.light{--bg:#f6f5f9;--panel:#fff;--raised:#f1eff6;--border:#e0dde7;--text:#292432;--muted:#756c82;--faint:#8d8398;--accent:#7652bd;--accent-bg:#eee6ff;color-scheme:light}.app-header{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:23px;height:70px;min-height:70px;padding:0 28px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:11px;font-size:21px;font-weight:650;display:flex}.brand-light{color:var(--muted);font-weight:400}.brand-period{color:var(--accent)}.brand-mark{color:#e8d5ff;background:linear-gradient(135deg,#655082,#35253f);border:1px solid #8872ad;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:relative;box-shadow:inset 0 0 9px #c6a4ff20}.brand-mark>svg:last-child{fill:#e8d5ff;stroke:#43304f;position:absolute;top:3px;right:1px}.header-divider{background:var(--border);width:1px;height:20px}.header-description{color:var(--muted);font-size:11px}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.version-badge{border:1px solid var(--border);color:var(--muted);border-radius:20px;margin-right:9px;padding:5px 10px;font-size:10px}.icon-button{width:28px;height:28px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:5px;display:inline-flex}.icon-button:hover{color:var(--text);background:var(--raised);border-color:var(--border)}.app-layout{flex:1;min-height:0;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:302px;min-height:0;display:flex}.sidebar-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 21px;display:flex}.sidebar-heading>div{align-items:center;gap:9px;display:flex}.sidebar-heading svg{color:var(--muted)}.sidebar-heading h2{margin:0;font-size:12px;font-weight:550}.controls-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow-y:auto}.control-section{border-bottom:1px solid var(--border)}.control-section summary{user-select:none;align-items:center;gap:10px;padding:17px 22px;font-weight:550;list-style:none;display:flex}.control-section summary::-webkit-details-marker{display:none}.control-section summary>svg:first-child{color:var(--muted)}.control-section summary>span{flex:1}.control-section summary small{color:var(--faint);font:400 10px ui-monospace,monospace}.control-section[open] .section-chevron{transform:rotate(180deg)}.section-chevron{color:var(--faint)}.section-body{flex-direction:column;gap:17px;padding:0 22px 22px;display:flex}.slider-control{flex-direction:column;gap:11px;min-width:0;display:flex}.control-label{color:var(--muted);justify-content:space-between;align-items:center;gap:7px;font-size:11px;display:flex}.control-label output{color:var(--text);font-variant-numeric:tabular-nums;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) var(--progress), var(--border) var(--progress));border-radius:8px;width:100%;height:4px;margin:3px 0 4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#b49ade;border:2px solid #efe8ff;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 2px #10101444}input[type=range]::-moz-range-thumb{background:#b49ade;border:2px solid #efe8ff;border-radius:50%;width:8px;height:8px}.range-captions{color:var(--faint);justify-content:space-between;margin-top:-9px;font-size:9px;display:flex}.select-control{flex-direction:column;gap:8px;min-width:0;display:flex}.select-control label{color:var(--muted);font-size:11px}select,.text-control input{background:var(--raised);color:var(--text);border:1px solid var(--border);text-overflow:ellipsis;border-radius:6px;width:100%;min-width:0;padding:9px 10px;font-size:11px}select{text-transform:capitalize}.text-control{color:var(--muted);flex-direction:column;gap:8px;font-size:11px;display:flex}input::placeholder{color:var(--faint)}.palette-tools{justify-content:space-between;align-items:center;margin:-9px 0 -6px;display:flex}.palette-tools>span{color:var(--faint);font-size:9px}.palette-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.color-picker{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.color-picker .control-label label{font-size:10px}.color-picker input[type=range]{height:5px}.color-picker .slider-control{gap:4px}.color-heading{align-items:center;gap:7px;margin-bottom:2px;display:flex;position:relative}.color-heading>div{flex-direction:column;gap:3px;display:flex}.color-heading>div strong{font-size:10px;font-weight:500}.color-heading>div span{color:var(--muted);font:9px ui-monospace,monospace}.color-swatch{color:#fff;border:1px solid #fff3;border-radius:6px;flex-shrink:0;place-items:center;width:30px;height:34px;display:grid}.color-swatch svg{opacity:0}.color-swatch:hover svg,.color-swatch:focus-visible svg{opacity:1}.gamut-status{color:#d4a46e;position:absolute;top:0;right:-6px}.gamut-status svg{width:11px}.field-note{color:var(--faint);margin:0;font-size:9px;line-height:1.7}.seed-row{align-items:end;gap:14px;padding-top:4px;display:flex}.seed-row .seed-slider{flex:1}.seed-button{border:1px solid var(--border);background:var(--raised);width:31px;height:31px}.font-picker{align-items:end;gap:7px;display:flex}.font-picker .select-control{flex:1}.font-picker button{border-color:var(--border);height:34px}.simple-color{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.simple-color-value{align-items:center;gap:8px;display:flex}.simple-color-value code{font-size:10px}.simple-color-value input{cursor:pointer;background:0 0;border:0;width:26px;height:26px;padding:0}.simple-color-value input::-webkit-color-swatch-wrapper{padding:2px}.simple-color-value input::-webkit-color-swatch{border:1px solid var(--border);border-radius:4px}.sidebar-end{text-align:center;color:var(--faint);padding:16px 5px;font-size:10px}.sidebar-footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:7px;padding:14px 20px;font-size:9px;display:flex}.sidebar-footer>span:last-child{color:var(--faint);margin-left:auto}.live-dot{background:#84bba1;border-radius:100%;width:5px;height:5px;display:inline-block;box-shadow:0 0 5px #84bba120}.workspace{flex-direction:column;flex:1;min-width:0;padding:33px 36px 0;display:flex;overflow:auto}.workspace-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:29px;display:flex}.workspace-heading h1{letter-spacing:-.9px;margin:8px 0 7px;font-size:clamp(19px,1.9vw,28px);font-weight:520}.workspace-heading p{color:var(--muted);margin:0;font-size:11px}.eyebrow{letter-spacing:1.7px;color:var(--accent);font-size:9px;font-weight:550}.shuffle-button{border:1px solid var(--border);background:var(--raised);border-radius:7px;align-items:center;gap:9px;padding:10px 12px;font-size:11px;display:flex}.shuffle-button:hover{border-color:var(--accent);color:var(--accent)}kbd{border:1px solid var(--border);min-width:17px;height:17px;color:var(--faint);background:var(--panel);border-radius:4px;justify-content:center;align-items:center;padding:1px 4px;font:9px ui-monospace,monospace;display:inline-flex}.output{border:1px solid var(--border);background:var(--panel);border-radius:9px 9px 0 0;flex-direction:column;flex:1;min-height:290px;display:flex;overflow:hidden}.output-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:49px;padding:0 16px;display:flex}.view-tabs{align-self:stretch;align-items:center;gap:5px;display:flex}.view-tabs>button{text-transform:capitalize;color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:flex;position:relative}.view-tabs>button[aria-selected=true]{color:var(--accent)}.view-tabs>button[aria-selected=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:6px;right:6px}.view-tabs>button:hover{color:var(--text)}.view-tabs>button kbd{opacity:.6;min-width:15px;height:15px;font-size:8px}.toolbar-tag{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.output-body{flex:1;min-height:0;display:flex;overflow:hidden}.output-body.rows{flex-direction:column}.visual-pane{flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.preview-surface{color:#838995;background-image:radial-gradient(#9298ad17 .7px,#0000 .7px);background-size:16px 16px;flex-direction:column;flex:1;min-width:0;padding:20px 24px 17px;display:flex;position:relative}.preview-topline,.preview-bottomline{color:#838995;user-select:none;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.preview-topline>span,.preview-bottomline>span{align-items:center;gap:6px;display:flex}.preview-topline>span>span,.preview-bottomline>span>span{color:#5b6270}.preview-topline{font:9px ui-monospace,monospace}.background-button{color:#8e95a3;background:#8187940d;border:1px solid #666c793f;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font:9px ui-monospace,monospace;display:flex}.background-button i{border:1px solid #777c8977;border-radius:2px;width:9px;height:9px}.banner-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:35px 12px;display:flex}.banner-stage .banner-image{filter:drop-shadow(0 12px 30px #0003);max-height:100%}.banner-image{object-fit:contain;user-select:none;width:100%;height:auto;display:block}.export-bar{border:1px solid var(--border);background:var(--panel);border-top:0;border-radius:0 0 9px 9px;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;display:flex}.file-info{align-items:center;gap:10px;display:flex}.file-info>div{flex-direction:column;gap:6px;display:flex}.file-info strong{font-size:10px;font-weight:450}.file-info strong span{color:var(--faint);border:1px solid var(--border);border-radius:3px;margin-left:4px;padding:2px 4px;font-size:8px}.file-info small{color:var(--faint);white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.file-info small i{background:var(--faint);border-radius:50%;width:2px;height:2px}.file-icon{border:1px solid var(--border);width:30px;height:34px;color:var(--accent);border-radius:5px;place-items:center;font:12px ui-monospace,monospace;display:grid}.export-actions{align-items:center;gap:6px;display:flex}.action-button{white-space:nowrap;border:1px solid var(--border);background:var(--raised);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:10px;display:flex}.action-button:hover{border-color:var(--faint);background:var(--border)}.action-button.primary{color:#2b203e;background:#c0a7f2;border-color:#c0a7f2;font-weight:550}.action-button.primary:hover{background:#d2bdfa}.action-button.success{color:#74c398;background:var(--raised);animation:.3s success-pop}.action-button.error{color:#e3a67e}.feedback-wrapper{position:relative}.export-error{background:var(--panel);z-index:10;cursor:pointer;border:1px solid #d49068;border-radius:7px;width:240px;padding:12px;font-size:11px;line-height:1.6;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 5px 30px #0004}.presets-section{padding:25px 0 0}.presets-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.presets-heading h2{margin:0;font-size:11px;font-weight:500}.presets-heading>span{color:var(--faint);align-items:center;gap:5px;font-size:9px;display:flex}.preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.preset-card{text-align:left;border:1px solid var(--border);background:var(--panel);border-radius:7px;padding:4px;overflow:hidden}.preset-card:hover{border-color:var(--faint);transform:translateY(-3px)}.preset-card.selected{border-color:#9983c7;box-shadow:0 0 0 1px #b396ee15}.preset-image{border-radius:4px;height:70px;position:relative;overflow:hidden}.preset-image .banner-image{object-fit:cover;width:100%;height:100%}.preset-monogram{color:#fff;letter-spacing:-1px;place-items:center;font-size:25px;font-weight:500;display:grid;position:absolute;inset:0}.preset-check{color:#58416e;background:#ffffffde;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:6px;right:6px}.preset-caption{justify-content:space-between;align-items:center;padding:9px 7px 5px;font-size:10px;display:flex}.preset-caption>span{color:var(--faint);font:8px ui-monospace,monospace}.workspace-footer{color:var(--faint);justify-content:space-between;align-items:center;gap:15px;padding:20px 0;font-size:9px;display:flex}.workspace-footer>span,.workspace-footer button{align-items:center;gap:6px;display:flex}.workspace-footer button{color:var(--muted);background:0 0;border:0;padding:0;font-size:9px}.footer-spark{color:var(--accent);font-size:14px}.pane-separator{background:var(--border);cursor:col-resize;touch-action:none;z-index:2;flex:0 0 5px;justify-content:center;align-items:center;display:flex}.pane-separator:hover,.pane-separator:focus-visible{background:var(--accent)}.pane-separator>span{background:var(--faint);width:1px;height:25px}.rows .pane-separator{cursor:row-resize}.rows .pane-separator>span{width:25px;height:1px}.columns .visual-pane,.rows .visual-pane{flex-grow:0;flex-shrink:0}.source-pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.pane-label{background:var(--raised);color:var(--muted);justify-content:space-between;padding:9px 15px;font-size:10px;display:flex}.pane-label>span{align-items:center;gap:6px;display:flex}.code-viewer{flex:1;min-height:0;overflow:hidden}.static-code{white-space:pre-wrap;overflow-wrap:anywhere;height:100%;color:var(--text);margin:0;padding:20px;font:11px/1.8 ui-monospace,monospace;overflow:auto}.token-string{color:#bb97c2}.token-tag{color:#7dadd0}.token-attribute{color:#b29c78}.help-dialog{background:var(--panel);width:min(440px,100% - 32px);max-height:90dvh;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:26px;overflow:auto;box-shadow:0 20px 100px #0008}.help-dialog::backdrop{backdrop-filter:blur(5px);background:#08070cb3}.help-dialog h2{margin:0;font-size:17px;font-weight:550}.help-dialog p{color:var(--muted);font-size:11px;line-height:1.8}.help-dialog dl{flex-direction:column;gap:9px;margin:25px 0;display:flex}.help-dialog dl>div{justify-content:space-between;align-items:center;display:flex}.help-dialog dd{margin:0}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.readme-tip{background:var(--raised);border-radius:7px;margin-top:20px;padding:15px}.readme-tip p{margin-bottom:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes success-pop{50%{transform:scale(1.04)}}@media (width>=1700px){.sidebar{width:330px}.workspace{padding:42px 54px 0}.workspace-heading{margin-bottom:35px}.preset-image{height:95px}.workspace-footer{padding:26px 0}}@media (width<=1200px){.workspace{padding:26px 22px 0}.export-bar{flex-wrap:wrap}.export-actions{flex:1;justify-content:flex-end}.file-info small{font-size:8px}.action-button{padding:8px}.toolbar-tag,.workspace-footer>span:last-child,.view-tabs kbd,.header-description{display:none}.preset-grid{gap:8px}.preset-image{height:60px}}@media (width<=900px){.sidebar{width:265px}.section-body,.control-section summary{padding-inline:16px}.workspace{padding:22px 16px 0}.workspace-heading{flex-direction:column;align-items:start;margin-bottom:20px}.workspace-heading h1{font-size:21px}.shuffle-button{padding:7px 10px}.export-actions{flex-wrap:wrap;justify-content:start}.presets-heading>span{display:none}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-card:nth-child(n+4){display:none}.preview-surface{padding:16px}.preview-bottomline{font-size:8px}.preview-bottomline>span:last-child{display:none}.banner-stage{padding-inline:0}}@media (width<=650px){.studio{height:auto;min-height:100dvh}.app-header{gap:12px;height:59px;min-height:59px;padding:0 16px}.brand{font-size:19px}.header-actions{gap:4px}.version-badge,.header-divider{display:none}.app-layout{flex-direction:column-reverse}.workspace{padding:24px 16px 0;overflow:visible}.workspace-heading{flex-direction:row;align-items:center}.workspace-heading h1{font-size:21px}.workspace-heading p{font-size:10px}.shuffle-button{padding:9px}.shuffle-button span,.shuffle-button kbd{display:none}.output{flex:none;height:340px}.output-toolbar{padding:0 6px}.view-tabs{justify-content:space-around;width:100%}.view-tabs>button{padding:0 7px}.banner-stage{padding-block:24px}.export-bar{padding:12px}.export-actions{flex-basis:100%;grid-template-columns:1fr 1fr;width:100%;display:grid}.action-button{width:100%}.presets-section{padding-top:23px}.preset-grid{grid-template-columns:repeat(5,130px);padding-bottom:6px;overflow-x:auto}.preset-card:nth-child(n+4){display:block}.workspace-footer{padding:15px 0 25px}.sidebar{border-right:0;border-top:1px solid var(--border);width:100%}.controls-scroll{overflow:visible}.section-body{padding:0 22px 24px}.control-section summary{padding:18px 22px}.palette-grid{gap:30px}.gamut-status{right:0}.sidebar-footer{padding-bottom:max(15px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.visual-pane{container-type:size}@container (height<=200px){.preview-surface{padding:10px}.preview-bottomline{display:none}.banner-stage{padding:12px 0}}@container (width<=300px){.preview-topline>span,.preview-bottomline{display:none}.preview-topline{justify-content:end}.preview-surface{padding-inline:10px}}#_container_f0al1_1{min-height:100dvh}