@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=swap");:root{color-scheme:light;--bg:#fff;--bg-soft:#fbf8f2;--ink:#0f0f0f;--muted:#6d6d6d;--mosaic-teal:#38d1c6;--mosaic-mint:#7cf0c5;--mosaic-gold:#ffc266;--mosaic-coral:#ff7a59}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Space Grotesk,IBM Plex Sans,Work Sans,sans-serif;color:var(--ink);background:#fff}body,html,main{width:100%;height:100%}.dev-tool-links,main{display:flex;flex-direction:column}.dev-tool-links{position:absolute;top:16px;right:16px;z-index:8;align-items:flex-end;gap:8px}.dev-tool-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(18,69,107,.18);background:hsla(0,0%,100%,.92);box-shadow:0 10px 16px rgba(18,57,91,.12);color:#1f4b64;font-size:12px;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dev-tool-link:hover{background:rgba(245,251,255,.96)}.canvas-shell{flex:1 1;position:relative;overflow:hidden;background:#fff}.canvas-viewport{position:absolute;inset:0}.canvas-viewport__frame,.canvas-viewport__svg{width:100%;height:100%}.canvas-viewport__svg{display:block}.canvas-shell--mobile-portrait .canvas-viewport{display:flex;align-items:center;justify-content:center;padding:12px}.canvas-shell--mobile-portrait .canvas-viewport__frame{width:min(100%,calc((100svh - 24px) * 9 / 16));max-width:100%;max-height:100%;aspect-ratio:9/16;overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgba(23,67,92,.08);box-shadow:0 16px 30px rgba(28,47,64,.1)}.canvas-shell--mobile-landscape .canvas-viewport{padding:8px 10px}.canvas-shell--mobile-landscape .canvas-viewport__frame{border-radius:20px;overflow:hidden}.canvas-hint{position:absolute;top:16px;left:16px;padding:8px 12px;border-radius:999px;background:hsla(0,0%,100%,.85);border:1px solid rgba(0,0,0,.08);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kite{cursor:pointer;transition:fill .12s ease}.kite:hover{filter:brightness(.98)}@keyframes kiteFlash{0%,to{filter:brightness(1)}50%{filter:brightness(1.55)}}.kite.is-flashing{animation:kiteFlash 166.67ms ease-in-out 3}.kite-art-image{image-rendering:pixelated}.canvas-shell.is-panning,.canvas-shell.is-panning .kite{cursor:-webkit-grabbing;cursor:grabbing}.loading{height:100%;font-size:14px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.loading,.tile-editor-modal-backdrop{display:flex;align-items:center;justify-content:center}.tile-editor-modal-backdrop{position:absolute;inset:0;z-index:4;padding:20px;background:radial-gradient(circle at 20% 15%,rgba(111,220,255,.18),transparent 55%),radial-gradient(circle at 84% 80%,rgba(255,163,117,.2),transparent 58%),rgba(7,20,31,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tile-editor-modal{width:min(100%,360px);max-height:min(100%,620px);border-radius:24px;border:1px solid hsla(0,0%,100%,.42);background:linear-gradient(160deg,rgba(251,253,255,.94),rgba(238,245,251,.95));box-shadow:0 30px 54px rgba(5,20,38,.32),inset 0 1px 0 hsla(0,0%,100%,.76);overflow:hidden}.tile-editor-modal--mobile-landscape{width:min(100%,320px);max-height:min(100%,240px)}.tile-editor-modal__header{padding:20px 20px 8px}.tile-editor-modal__header h2{margin:0;font-size:clamp(18px,4.8vw,22px);letter-spacing:.02em}.tile-editor-modal__body{display:flex;flex-direction:column;gap:16px;padding:8px 20px 20px}.tile-editor-modal--mobile-landscape .tile-editor-modal__header{padding:8px 10px 4px}.tile-editor-modal--mobile-landscape .tile-editor-modal__header h2{font-size:clamp(14px,3.8vw,16px)}.tile-editor-modal--mobile-landscape .tile-editor-modal__body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(120px,1.15fr);align-items:stretch;grid-gap:8px;gap:8px;padding:4px 10px 10px}.tile-editor__preview-panel{position:relative;min-height:220px;border-radius:16px;border:1px solid rgba(22,72,110,.22);background:#fff;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.7),0 12px 20px rgba(26,58,88,.16);overflow:hidden}.tile-editor__preview-svg{width:100%;height:100%;min-height:220px;padding:14px;background:#fff}.tile-editor-modal--mobile-landscape .tile-editor__preview-panel{min-height:72px}.tile-editor-modal--mobile-landscape .tile-editor__preview-svg{min-height:72px;padding:6px}.tile-editor-modal__controls{display:flex;flex-direction:column;gap:16px}.tile-editor-modal--mobile-landscape .tile-editor-modal__controls{justify-content:space-between;gap:8px}.tile-editor-modal__swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.tile-editor-modal--mobile-landscape .tile-editor-modal__swatches{gap:6px}.tile-editor-modal__swatch{width:100%;aspect-ratio:1/1;min-height:72px;border-radius:16px;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 4px 10px rgba(18,57,91,.15),inset 0 0 0 1px rgba(15,29,40,.14);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.tile-editor-modal--mobile-landscape .tile-editor-modal__swatch{min-height:28px;border-radius:10px}.tile-editor-modal--mobile-landscape .tile-editor-modal__actions{gap:6px}.tile-editor-modal--mobile-landscape .tile-editor-modal__btn{height:32px;padding:0 10px;font-size:10px;letter-spacing:.08em}.tile-editor-modal__swatch:hover{transform:translateY(-2px);box-shadow:0 8px 14px rgba(18,57,91,.22),inset 0 0 0 1px rgba(15,29,40,.18)}.tile-editor-modal__swatch.is-selected{transform:translateY(-2px) scale(1.04);box-shadow:0 0 0 2px rgba(7,87,142,.85),0 10px 16px rgba(18,57,91,.24),inset 0 0 0 1px hsla(0,0%,100%,.6)}.tile-editor-modal__actions{display:flex;justify-content:space-between;gap:10px}.tile-editor-modal__btn{flex:1 1;height:42px;padding:0 16px;border-radius:999px;border:1px solid transparent;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;cursor:pointer}.tile-editor-modal__btn:disabled{opacity:.5;cursor:not-allowed}.tile-editor-modal__btn--quiet{border-color:rgba(16,60,95,.24);background:rgba(245,250,255,.8);color:#224760}.tile-editor-modal__btn--apply{border-color:rgba(13,63,101,.28);color:#eafdff;background:linear-gradient(142deg,#0f3a52,#146886 48%,#1eb8ae);box-shadow:0 10px 16px rgba(20,104,134,.28)}.tile-editor-modal__btn:focus-visible,.tile-editor-modal__swatch:focus-visible{outline:2px solid rgba(10,77,124,.92);outline-offset:2px}.generator-studio{min-height:100vh;padding:28px;background:radial-gradient(circle at top left,rgba(255,199,95,.16),transparent 26%),radial-gradient(circle at 80% 20%,rgba(35,145,180,.18),transparent 22%),linear-gradient(180deg,#f7f1df,#efe7d1 40%,#f3efe6)}.generator-studio__hero{position:relative;margin-bottom:24px;padding:28px 30px 30px;border-radius:30px;border:1px solid rgba(41,51,35,.12);background:linear-gradient(145deg,rgba(255,251,239,.95),hsla(44,50%,90%,.9)),hsla(0,0%,100%,.7);box-shadow:0 26px 44px rgba(60,49,18,.11),inset 0 1px 0 hsla(0,0%,100%,.9);overflow:hidden}.generator-studio__hero:after{content:"";position:absolute;inset:auto -10% -45% auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(34,125,150,.16),transparent 70%);pointer-events:none}.generator-studio__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;padding:8px 12px;border-radius:999px;background:rgba(58,83,53,.08);color:#55634f;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.generator-studio__hero-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.9fr);grid-gap:24px;gap:24px;align-items:end}.generator-studio__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.generator-studio__backlink,.generator-studio__route{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.generator-studio__backlink{border:1px solid rgba(48,72,49,.12);background:rgba(255,253,248,.88);color:#40533d;text-decoration:none}.generator-studio__route{color:#766a55;background:rgba(111,98,71,.08)}.generator-studio__hero h1{max-width:11ch;margin:0;font-size:clamp(40px,6vw,72px);line-height:.95;letter-spacing:-.04em}.generator-studio__hero p{max-width:640px;margin:16px 0 0;color:#544d3f;font-size:15px;line-height:1.7}.generator-studio__hero-notes{display:grid;grid-gap:12px;gap:12px}.generator-studio__hero-notes div{padding:16px 18px;border-radius:18px;border:1px solid rgba(68,70,33,.12);background:rgba(255,252,244,.8)}.generator-studio__hero-notes span{display:block;margin-bottom:6px;color:#85775d;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.generator-studio__hero-notes strong{font-size:28px;letter-spacing:-.04em}.generator-studio__layout{grid-template-columns:minmax(320px,380px) minmax(0,1fr);align-items:start}.generator-studio__layout,.generator-studio__main{display:grid;grid-gap:24px;gap:24px}.generator-studio__panel{border-radius:28px;border:1px solid rgba(53,65,43,.12);background:linear-gradient(145deg,rgba(255,253,247,.94),hsla(42,48%,92%,.92));box-shadow:0 24px 36px rgba(58,46,18,.1),inset 0 1px 0 hsla(0,0%,100%,.85)}.generator-studio__panel--controls,.generator-studio__panel--drafts,.generator-studio__panel--preview{padding:24px}.generator-studio__panel-head{margin-bottom:18px}.generator-studio__panel-head--tight{margin-top:26px}.generator-studio__panel-head h2,.generator-studio__selection h3,.generator-studio__warnings h3{margin:0;font-size:20px;letter-spacing:-.03em}.generator-studio__empty,.generator-studio__panel-head p,.generator-studio__selection p,.generator-studio__warnings p{margin:8px 0 0;color:#625846;font-size:14px;line-height:1.6}.generator-studio__form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.generator-studio__field,.generator-studio__palette-row{display:grid;grid-gap:8px;gap:8px}.generator-studio__field span,.generator-studio__palette-row span{color:#71644d;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.generator-studio__field-label{display:flex;align-items:center;gap:8px}.generator-studio__tooltip-wrap{position:relative;display:inline-flex;align-items:center}.generator-studio__tooltip-trigger{width:18px;height:18px;padding:0;border:0;border-radius:999px;background:rgba(44,91,109,.14);color:#285369;font-size:11px;font-weight:700;line-height:1;cursor:help}.generator-studio__tooltip-bubble{position:absolute;z-index:3;left:50%;bottom:calc(100% + 10px);width:min(250px,72vw);padding:12px 14px;border-radius:14px;background:rgba(31,38,41,.94);box-shadow:0 16px 26px rgba(20,27,30,.22);color:#f8f3e8;font-size:12px;font-weight:400;letter-spacing:.02em;line-height:1.5;text-transform:none;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .12s ease,transform .12s ease}.generator-studio__tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;width:10px;height:10px;background:rgba(31,38,41,.94);transform:translate(-50%,-50%) rotate(45deg)}.generator-studio__tooltip-wrap:focus-within .generator-studio__tooltip-bubble,.generator-studio__tooltip-wrap:hover .generator-studio__tooltip-bubble{opacity:1;transform:translate(-50%)}.generator-studio__input{width:100%;height:44px;padding:0 14px;border:1px solid rgba(58,73,46,.18);border-radius:14px;background:rgba(255,252,245,.9);color:#1f1a13;font-size:14px}.generator-studio__input--mono{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;text-transform:lowercase}.generator-studio__palette-list{display:grid;grid-gap:12px;gap:12px}.generator-studio__palette-toolbar{display:flex;justify-content:flex-start;margin-bottom:14px}.generator-studio__palette-inputs{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-gap:12px;gap:12px}.generator-studio__color{width:56px;height:44px;padding:4px;border:1px solid rgba(58,73,46,.18);border-radius:14px;background:rgba(255,252,245,.9);cursor:pointer}.generator-studio__actions{display:grid;grid-gap:10px;gap:10px;margin-top:22px}.generator-studio__release{margin-top:24px;padding:20px;border-radius:24px;border:1px solid rgba(43,73,93,.16);background:radial-gradient(circle at top right,rgba(87,178,214,.16),transparent 34%),linear-gradient(160deg,rgba(241,247,251,.96),rgba(228,237,244,.94));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85),0 16px 28px rgba(28,52,73,.1)}.generator-studio__release-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.generator-studio__release-head h2{margin:0;font-size:20px;letter-spacing:-.03em}.generator-studio__release-head p{margin:8px 0 0;color:#4b6273;font-size:14px;line-height:1.6}.generator-studio__release-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(29,80,108,.1);color:#214c67;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.generator-studio__release-card,.generator-studio__release-confirm,.generator-studio__release-status{margin-top:18px;padding:16px 18px;border-radius:18px;border:1px solid rgba(42,69,89,.12);background:hsla(0,0%,100%,.78)}.generator-studio__release-status{display:grid;grid-gap:6px;gap:6px}.generator-studio__release-card strong,.generator-studio__release-status strong{font-size:18px;letter-spacing:-.03em}.generator-studio__release-card span,.generator-studio__release-status span{color:#607184;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.generator-studio__release-card p,.generator-studio__release-confirm p,.generator-studio__release-status p{margin:4px 0 0;color:#314657;font-size:14px;line-height:1.6}.generator-studio__release-status--quiet{background:rgba(249,251,253,.78)}.generator-studio__release-actions{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.generator-studio__release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.generator-studio__button{min-height:48px;padding:0 18px;border:0;border-radius:16px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.generator-studio__button--small{min-height:40px;padding:0 16px}.generator-studio__button:disabled{opacity:.55;cursor:not-allowed}.generator-studio__button--quiet{color:#2e4538;background:rgba(102,128,102,.12)}.generator-studio__button--primary{color:#fff8e9;background:linear-gradient(135deg,#36543d,#69804c 52%,#d7a33f);box-shadow:0 10px 18px rgba(91,111,52,.24)}.generator-studio__button--accent{color:#fff6ef;background:linear-gradient(135deg,#2d4660,#206a80 52%,#f08f54);box-shadow:0 10px 18px rgba(37,84,106,.22)}.generator-studio__button--danger{color:#fff5f1;background:linear-gradient(135deg,#6e2418,#a9472e 55%,#ec8b57);box-shadow:0 10px 18px rgba(124,49,31,.2)}.generator-studio__draft-delete,.generator-studio__remove-color{min-height:44px;padding:0 14px;border:1px solid rgba(133,74,53,.16);border-radius:14px;background:rgba(255,245,241,.95);color:#8b3d2a;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.generator-studio__draft-delete:disabled,.generator-studio__remove-color:disabled{opacity:.55;cursor:not-allowed}.generator-studio__message{margin:12px 0 0;padding:12px 14px;border-radius:14px;font-size:13px}.generator-studio__message--notice{background:rgba(94,135,104,.14);color:#32513f}.generator-studio__message--error{background:rgba(176,60,41,.13);color:#842e20}.generator-studio__preview-frame{position:relative;min-height:460px;border-radius:24px;border:1px solid rgba(64,81,54,.12);background:radial-gradient(circle at top,rgba(255,214,117,.16),transparent 32%),linear-gradient(180deg,hsla(48,65%,95%,.95),hsla(43,51%,90%,.92));overflow:hidden}.generator-studio__preview-svg{width:100%;height:100%;min-height:460px;padding:22px}.generator-studio__preview-kite{stroke:none}.generator-studio__stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.generator-studio__stat-card{padding:14px 16px;border-radius:18px;background:rgba(255,251,242,.82);border:1px solid rgba(59,72,47,.1)}.generator-studio__draft-meta span,.generator-studio__stat-card span{display:block;color:#7a6d58;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.generator-studio__stat-card strong{display:block;margin-top:6px;font-size:24px;letter-spacing:-.04em}.generator-studio__warnings{margin-top:18px;padding:18px;border-radius:20px;border:1px solid rgba(163,113,36,.14);background:rgba(255,244,221,.72)}.generator-studio__warnings--quiet{border-color:rgba(61,83,56,.12);background:hsla(45,50%,95%,.72)}.generator-studio__draft-card,.generator-studio__draft-list{display:grid;grid-gap:12px;gap:12px}.generator-studio__draft-card{width:100%;padding:16px;border:1px solid rgba(57,71,45,.12);border-radius:18px;background:rgba(255,252,245,.86);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.generator-studio__draft-card:hover{transform:translateY(-1px);box-shadow:0 12px 18px rgba(72,56,18,.08)}.generator-studio__draft-card.is-selected{border-color:rgba(42,98,116,.4);box-shadow:0 0 0 1px rgba(42,98,116,.18),0 14px 20px rgba(31,72,88,.12)}.generator-studio__draft-select{width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.generator-studio__draft-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.generator-studio__draft-head strong{font-size:15px}.generator-studio__draft-head span{color:#7e715d;font-size:12px}.generator-studio__draft-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.generator-studio__selection{margin-top:16px;padding:18px;border-radius:20px;background:hsla(42,51%,91%,.75);border:1px solid rgba(58,73,46,.1)}.dev-tool-link:focus-visible,.generator-studio__backlink:focus-visible,.generator-studio__button:focus-visible,.generator-studio__color:focus-visible,.generator-studio__draft-card:focus-visible,.generator-studio__draft-delete:focus-visible,.generator-studio__draft-select:focus-visible,.generator-studio__input:focus-visible,.generator-studio__remove-color:focus-visible,.generator-studio__tooltip-trigger:focus-visible{outline:2px solid rgba(24,95,128,.78);outline-offset:2px}@media (max-width:820px){.tile-editor-modal{width:min(100%,340px);border-radius:20px}.tile-editor__preview-svg{min-height:200px;padding:12px}.generator-studio{padding:16px}.generator-studio__hero-grid,.generator-studio__layout{grid-template-columns:1fr}.generator-studio__hero{padding:22px 20px 24px}.generator-studio__hero h1{max-width:none;font-size:clamp(36px,14vw,54px)}.generator-studio__nav{flex-direction:column;align-items:flex-start}.generator-studio__form-grid,.generator-studio__release-grid,.generator-studio__stats-grid{grid-template-columns:1fr 1fr}.generator-studio__preview-frame,.generator-studio__preview-svg{min-height:320px}.generator-studio__palette-inputs{grid-template-columns:56px minmax(0,1fr)}.generator-studio__remove-color{grid-column:1/-1}.generator-studio__release-head{flex-direction:column}}