@font-face{font-family:Selecta;src:url('presets/fonts/Selecta-Regular.woff2');font-display:swap}@font-face{font-family:Selecta;src:url('presets/fonts/Selecta-Medium.woff2');font-weight:500;font-display:swap}@font-face{font-family:Kalice;src:url('presets/assets/Kalice-Regular.woff2');font-display:swap}
:root{font-family:Selecta,system-ui,sans-serif;color:#171717;background:#f6f6f6;font-synthesis:none;--blue:#246bfe;--muted:#737373;--ease-out:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button:active{filter:brightness(.94)}a{color:inherit;text-decoration:none}.studio{display:grid;grid-template-columns:256px minmax(0,1fr);height:100dvh;min-height:540px}.sidebar{display:flex;flex-direction:column;background:#fcfcfc;border-right:1px solid #e3e3e3;min-height:0}.brand{display:flex;align-items:center;gap:10px;height:76px;flex:none;padding:0 26px;font-size:21px;font-weight:500;letter-spacing:-.7px}.brand-icon{display:grid;place-items:center;width:27px;height:27px;color:#fff;background:radial-gradient(at 35% 0,#696969,#171717);border-radius:9px;font-size:21px;box-shadow:inset 0 1px 1px #ffffff99,0 2px 3px #0002}.sidebar-scroll{overflow:auto;padding:20px 14px 14px;flex:1;scrollbar-width:thin}.section-label{font-size:12px;color:#737373;padding:0 12px 14px}.scenario-group{margin-bottom:16px}.scenario-group summary{cursor:pointer;list-style:none;font-size:13px;color:#707070;padding:7px 12px;display:flex;justify-content:space-between}.scenario-group summary::after{content:'⌄'}.scenario-group:not([open]) summary::after{content:'›'}.scenario-group summary::-webkit-details-marker{display:none}.scenario{border:0;display:flex;align-items:center;width:100%;text-align:left;padding:10px 12px;gap:10px;border-radius:10px;background:transparent;font-size:14px;margin:2px 0;min-height:38px}.scenario .scenario-mark{width:18px;color:#808080;text-align:center;font-size:16px}.scenario[aria-current=true]{background:#ececec;box-shadow:inset 0 1px 1px #00000006}.scenario[aria-current=true] .scenario-mark{color:var(--blue)}.prompt-form{margin:12px 16px 0;padding:13px 12px 9px;border:1px solid #ddd;border-radius:18px;background:#f5f5f5;box-shadow:inset 0 1px 3px #00000006,0 1px 0 #fff}.prompt-form:focus-within{border-color:#aaa}.prompt-form textarea{border:0;background:transparent;width:100%;padding:0;resize:none;outline:none!important;font-size:14px;line-height:1.5;min-height:67px}.prompt-form textarea::placeholder{color:#737373}.prompt-actions{display:flex;align-items:center;justify-content:space-between;padding-top:6px}.prompt-actions>span{font-size:12px;color:#767676}.dark-button{background:radial-gradient(90% 90% at 35% -5%,#686868 0%,#242424 60%,#111 100%);color:#fff;border:1px solid #222;border-radius:100px;box-shadow:0 1px 1px #00000026,0 2px 3px #00000014,0 4px 6px #0000000a,0 8px 10px #00000005,inset 0 1px 1px #ffffff61,inset 1px 0 1px #ffffff1c,inset 0 -1px 1px #0005}.dark-button:active{background:#171717;transform:none}.send{width:32px;height:32px;font-size:22px}.sidebar-footer{padding:18px 27px 22px;font-size:12px;color:#737373}.sidebar-footer a{display:flex;justify-content:space-between}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #e5e5e5;font-size:14px;flex:none;background:#fafafa}.topbar>div{display:flex;align-items:center;gap:14px}.slash{color:#c3c3c3}.muted{color:var(--muted)}.quiet-button,.icon-button{background:transparent;border:0;color:#737373}.quiet-button{padding:10px 0;font-size:13px}.icon-button{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font-size:22px}.canvas{flex:1;min-height:0;display:grid;grid-template-columns:minmax(330px,1fr) 224px;gap:40px;padding:30px 56px 24px 36px;overflow:auto;background:radial-gradient(ellipse at 45% 32%,#fff 0,#f6f6f6 60%)}.device-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-width:0}.device{width:min(100%,calc((100dvh - 190px)*.472));max-width:374px;min-width:245px;aspect-ratio:422/894;position:relative;padding:7px;border-radius:55px;background:linear-gradient(120deg,#fefefe,#c7c7c7 22%,#fff 48%,#bdbdbd);box-shadow:0 35px 55px -30px #0005,0 5px 15px #00000012,inset 0 0 0 1px #b9b9b9,inset 0 0 0 3px #f8f8f8}.device iframe{display:block;width:100%;height:100%;border:0;border-radius:48px;background:white;box-shadow:0 0 0 1px #777;overflow:hidden}.view-switch{display:flex;background:#e9e9e9;border-radius:100px;padding:3px;box-shadow:inset 0 1px 3px #0000000b;border:1px solid #dedede}.view-switch button{background:transparent;border:0;border-radius:100px;padding:7px 18px;font-size:12px;color:#777;min-height:30px}.view-switch button[aria-pressed=true]{background:#fff;color:#333;box-shadow:0 1px 3px #0002}.choices-panel{align-self:center;max-width:224px;width:100%}.choices-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}.choices-heading h1{font-size:14px;font-weight:500;margin:0}.city-label select{width:100%;background:#fafafa;border:1px solid #ddd;border-radius:10px;padding:8px 10px;font-size:13px;margin-bottom:14px}.choices{display:flex;flex-direction:column;gap:12px}.choice{width:100%;position:relative;border:1px solid transparent;background:transparent;border-radius:22px;padding:9px 12px 10px;text-align:left}.choice[aria-pressed=true]{border-color:#d8d8d8;background:#ffffffb3;box-shadow:0 3px 6px #00000004,inset 0 1px 0 #fff}.choice[aria-pressed=true] .selection-check{background:var(--blue);border-color:var(--blue);color:white}.choice-preview{width:146px;aspect-ratio:1;margin:0 auto;position:relative;isolation:isolate}.choice-preview iframe{width:100%;height:100%;border:0;pointer-events:none}.choice-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:5px;font-size:13px}.selection-check{display:grid;place-items:center;width:17px;height:17px;border:1px solid #ccc;border-radius:50%;font-size:11px;color:transparent;background:#fff}.generate-button{margin-top:14px;width:100%;border:1px solid #d8d8d8;border-radius:100px;background:linear-gradient(#fff,#f2f2f2);box-shadow:0 1px 2px #00000009,inset 0 1px 0 #fff;padding:10px 14px;font-size:13px}.generate-button span{margin-right:5px;font-size:17px}#status{color:#666;font-size:12px;line-height:1.4;margin:10px 2px 0;min-height:0}#status:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-only,.sidebar-backdrop{display:none}@media(hover:hover) and (pointer:fine){.scenario:hover{background:#f0f0f0}.choice:hover{background:#ffffff90}.quiet-button:hover,.icon-button:hover{color:#171717}.generate-button:hover{background:#fff}.dark-button:hover{background:radial-gradient(at 60% 0%,#696969,#202020 70%)}}
@media(max-height:850px) and (min-width:901px){.canvas{padding-top:16px;padding-bottom:16px}.choice-preview{width:120px}.choices{gap:6px}.choice{padding-top:6px;padding-bottom:6px}.choices-heading{margin-bottom:6px}.city-label select{margin-bottom:6px}.device-stage{gap:16px}}
@media(max-width:1100px){.studio{grid-template-columns:230px minmax(0,1fr)}.canvas{grid-template-columns:minmax(245px,1fr) 174px;gap:15px;padding:24px}.choice-preview{width:120px}.choice{padding:8px}.topbar{padding:0 24px}}
@media(max-width:900px){.studio{grid-template-columns:220px minmax(0,1fr);min-height:100dvh;height:auto}.workspace{min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh}.canvas{display:flex;flex-direction:column;padding:25px 22px;overflow:visible;align-items:center}.device{width:310px;min-width:0;max-width:100%}.choices-panel{align-self:auto;max-width:520px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.choice-preview{width:100%}.choice-bottom{font-size:12px}.choices-heading{margin-top:10px}.city-label select{width:100%}.generate-button{display:block;width:auto;min-width:170px;margin:16px auto 0}.topbar{position:sticky;top:0;z-index:10;background:#fafafaed;backdrop-filter:blur(12px)}}
@media(max-width:650px){.studio{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(300px,90vw);z-index:40;display:none;padding-top:env(safe-area-inset-top)}body.sidebar-open .sidebar{display:flex}.mobile-only{display:grid}.brand .mobile-only{margin-left:auto}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#0003;z-index:30}.topbar{height:60px;padding:0 16px}.topbar>div{gap:10px}.canvas{padding:20px 16px 36px}.device{width: min(330px,calc(100vw - 46px))}.choices-panel{max-width:480px}.choice-preview{min-width:0}.choice{padding:5px}.choice-bottom{gap:3px}.selection-check{width:15px;height:15px;flex:none}.prompt-form textarea,.city-label select{font-size:16px}.sidebar-footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}.choice-bottom{flex-wrap:wrap}.topbar .muted{display:none}.topbar .slash{display:none}}
@media(prefers-reduced-transparency:reduce){.topbar,.choice[aria-pressed=true]{background:#fafafa;backdrop-filter:none}}@media(forced-colors:active){.choice[aria-pressed=true],.scenario[aria-current=true]{outline:2px solid Highlight}.selection-check{border-color:ButtonText}.dark-button{border:1px solid ButtonText}}

[hidden]{display:none!important}