:root{font-family:'DM Sans',ui-sans-serif,system-ui,-apple-system,sans-serif;color:#25314d;background:#f3f7ff;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#25314d;--muted:#68738c;--purple:#624ce0;--purple-dark:#4e3ac7;--lavender:#e9e5ff;--line:#e1e6f0;--white:#fff;--mint:#dff7ef;--shadow:0 20px 55px #32456a13}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 18% 0,#e4e5ff 0,transparent 32%),radial-gradient(ellipse at 95% 22%,#e1f5fb 0,transparent 26%),#f7f9ff}.studio-shell{width:min(1120px,calc(100% - 64px));min-height:100vh;margin:auto;display:flex;flex-direction:column}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5f0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:700 20px Manrope,sans-serif;text-decoration:none;letter-spacing:-.6px}.brand-strong{color:var(--purple)}.brand-mark{width:35px;height:35px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#8069f2,#4b3bbd);border-radius:12px;font-size:20px;box-shadow:0 6px 14px #624ce044}.desktop-nav{display:flex;gap:8px}.nav-button,.quiet-button,.mobile-nav-button{border:0;background:none;color:var(--muted);font:600 14px inherit;padding:11px 16px;border-radius:12px;cursor:pointer}.nav-button.active{color:var(--purple);background:#eae7ff}.account-area{display:flex;align-items:center;gap:10px}.account-label{font-size:13px;color:var(--muted)}.quiet-button{border:1px solid #dce2ed;background:#fff;color:var(--ink)}main{flex:1}.welcome-view{padding:78px 0 46px;display:grid;grid-template-columns:1fr 1fr;column-gap:68px;align-items:center}.hero-copy{padding:0 0 12px 8px}.eyebrow{margin:0 0 18px;color:#7765db;font-size:11px;font-weight:700;letter-spacing:1.55px}.sparkle{font-size:16px;margin-right:4px}h1,h2{font-family:Manrope,ui-sans-serif,sans-serif;letter-spacing:-1.7px;color:var(--ink)}.hero-copy h1{font-size:clamp(42px,5.5vw,65px);line-height:1.04;margin:0 0 19px;font-weight:800}.hero-copy h1 span{color:var(--purple)}.hero-description{max-width:460px;font-size:16px;line-height:1.7;color:var(--muted);margin:0}.trust-pills{display:flex;gap:9px;margin-top:25px}.trust-pills span{font-size:12px;font-weight:600;color:#56647a;background:#ffffffc9;border:1px solid #e3e8f1;padding:9px 12px;border-radius:999px}.idea-card{padding:27px;background:var(--white);border:1px solid #e6e9f2;border-radius:23px;box-shadow:var(--shadow)}.field-label{display:block;color:#333e58;font-size:13px;font-weight:700;margin-bottom:10px}.idea-card textarea{width:100%;min-height:136px;resize:vertical;padding:15px 16px;border:1px solid #dfe4ee;border-radius:13px;color:var(--ink);font:15px/1.55 inherit;outline:none}.idea-card textarea:focus,.idea-card select:focus{border-color:#8d7df0;box-shadow:0 0 0 3px #806bf322}.idea-card textarea::placeholder{color:#9aa3b4}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.form-row .field-label{margin:0}.idea-card select{max-width:56%;padding:10px 28px 10px 12px;background:white;border:1px solid var(--line);border-radius:10px;color:var(--ink);font:600 13px inherit}.primary-button{width:100%;min-height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border:0;border-radius:13px;color:white;background:linear-gradient(110deg,#705be9,#5944d1);font:700 15px inherit;cursor:pointer;box-shadow:0 8px 18px #624ce033;transition:transform .16s,box-shadow .16s}.primary-button:hover{transform:translateY(-1px);box-shadow:0 11px 24px #624ce044}.primary-button:disabled{opacity:.65;cursor:progress;transform:none}.helper-copy{margin:13px 0 0;color:#828ca0;font-size:11px;line-height:1.5}.idea-strip{grid-column:1/-1;display:flex;align-items:center;gap:11px;margin-top:38px;padding-top:21px;border-top:1px solid #e1e6f0}.idea-strip>span{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#8891a5;margin-right:3px}.idea-chip{padding:9px 13px;border:1px solid #e1e5ef;border-radius:999px;background:#fff;color:#58647d;font:600 12px inherit;cursor:pointer}.idea-chip:hover{border-color:#aa9ef3;color:var(--purple)}.content-view{padding:58px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h1{font-size:40px;margin:0 0 7px}.primary-button.compact{width:auto;gap:18px;min-height:46px;font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.project-card{width:100%;padding:20px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:17px;cursor:pointer;box-shadow:0 5px 18px #32456a08}.project-card:hover{border-color:#b9b0f3;transform:translateY(-2px)}.project-card .project-icon{margin-bottom:16px}.project-card h2{font-size:17px;letter-spacing:-.5px;margin:0 0 7px}.project-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.project-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--lavender);color:var(--purple);font-size:22px}.section-heading .hero-description{font-size:14px}.back-button{border:0;background:none;color:var(--purple);font:700 13px inherit;cursor:pointer;margin:0 0 24px;padding:8px 0}.project-detail-card{max-width:730px;margin:10px auto;padding:clamp(25px,5vw,48px);background:#fff;border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow)}.project-detail-card h1{font-size:36px;margin:10px 0}.outline-box{margin:23px 0;padding:17px;background:#f7f6ff;border-radius:14px;color:#59627a}.outline-box ul{padding-left:22px;margin-bottom:0;line-height:1.9}.project-state{padding-top:22px;color:#818ba0;font-size:12px;border-top:1px solid var(--line);margin-top:23px}.site-footer{display:flex;justify-content:space-between;padding:18px 0 25px;color:#929bae;font-size:11px}.mobile-nav{display:none}.notice{position:sticky;top:8px;z-index:2;width:fit-content;max-width:100%;margin:12px auto 0;padding:11px 15px;border:1px solid #dce2ed;border-radius:12px;background:#fff;color:#4c5870;font-size:13px;box-shadow:var(--shadow)}.notice.error{border-color:#f4c8c8;background:#fff6f6;color:#9b3434}.notice[hidden],[hidden]{display:none!important}.skip-link{position:absolute;top:-60px;left:12px;padding:10px;background:white;z-index:5}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #937ff1;outline-offset:3px}
@media(max-width:760px){.studio-shell{width:min(100% - 36px,560px);padding-bottom:78px}.topbar{height:70px}.desktop-nav{display:none}.account-label{display:none}.welcome-view{padding:44px 0 25px;grid-template-columns:1fr;row-gap:24px}.hero-copy{padding:0}.hero-copy h1{font-size:48px}.hero-description{font-size:15px}.trust-pills{margin-top:18px}.idea-card{padding:20px;border-radius:19px}.idea-strip{margin-top:25px;overflow-x:auto;white-space:nowrap;padding-bottom:3px}.idea-strip>span{flex:none}.idea-chip{flex:none}.section-heading{align-items:start;gap:17px;flex-direction:column}.section-heading h1{font-size:34px}.project-grid{grid-template-columns:1fr 1fr;gap:11px}.project-card{padding:15px}.project-card h2{font-size:15px}.site-footer{gap:8px;flex-direction:column;padding-bottom:12px}.mobile-nav{position:fixed;z-index:3;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;padding:8px max(18px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#ffffffef;border-top:1px solid #e2e7f0;backdrop-filter:blur(14px)}.mobile-nav-button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;padding:8px}.mobile-nav-button.active{background:#efedff;color:var(--purple)}.project-detail-card h1{font-size:29px}.content-view{padding:35px 0}}@media(max-width:390px){.project-grid{grid-template-columns:1fr}.form-row{align-items:start;flex-direction:column}.idea-card select{max-width:none;width:100%}.hero-copy h1{font-size:43px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
 .test-account-dialog{width:min(460px,calc(100% - 28px));border:1px solid var(--line);border-radius:20px;padding:26px;color:var(--ink);box-shadow:0 24px 80px #19274444}.test-account-dialog::backdrop{background:#1f2d49a8;backdrop-filter:blur(3px)}.test-account-dialog form{position:relative}.test-account-dialog h2{font-size:26px;margin:8px 42px 10px 0}.test-account-code{width:100%;margin:8px 0 14px;padding:13px;border:1px solid var(--line);border-radius:11px;font:15px ui-monospace,monospace}.dialog-close{position:absolute;right:0;top:0;width:38px;height:38px;border:0;border-radius:50%;background:#f0f2f8;font-size:25px;cursor:pointer}
.test-account-dialog{width:min(460px,calc(100% - 28px));border:1px solid var(--line);border-radius:20px;padding:26px;color:var(--ink);box-shadow:0 24px 80px #19274444}.test-account-dialog::backdrop{background:#1f2d49a8;backdrop-filter:blur(3px)}.test-account-dialog form{position:relative}.test-account-dialog h2{font-size:26px;margin:8px 42px 10px 0}.test-account-code{width:100%;margin:8px 0 14px;padding:13px;border:1px solid var(--line);border-radius:11px;font:15px ui-monospace,monospace}.dialog-close{position:absolute;right:0;top:0;width:38px;height:38px;border:0;border-radius:50%;background:#f0f2f8;font-size:25px;cursor:pointer}
.app-preview{margin:22px 0}.preview-frame{width:min(100%,520px);margin:0 auto;padding:20px;background:linear-gradient(160deg,#fff,#f7f8ff);border:1px solid #dfe4f2;border-radius:20px;box-shadow:0 12px 30px #26345412}.preview-frame>h2{margin:0 0 14px;font-size:22px;letter-spacing:-.6px}.preview-screen-tabs{display:flex;gap:7px;overflow-x:auto;padding:3px 1px 12px;scrollbar-width:thin}.preview-button{min-height:42px;padding:9px 13px;border:1px solid #dce1ef;border-radius:11px;background:#fff;color:#394562;font:600 13px ui-sans-serif,system-ui,sans-serif;white-space:nowrap;cursor:pointer}.preview-button:hover{border-color:#998bee;color:var(--purple)}.preview-button.is-active{border-color:#7866e5;background:#efedff;color:#4e3ac7}.preview-screen-panel{min-height:190px;padding:17px;background:#fff;border:1px solid #e6e9f2;border-radius:14px}.preview-screen-panel h3{margin:0 0 12px;text-transform:capitalize;font:700 16px Manrope,sans-serif;color:var(--ink)}.preview-screen-panel>p{color:var(--muted);font-size:13px;line-height:1.55}.preview-task{padding:13px;border:1px solid #e4e8f2;border-radius:12px;background:#fafbff}.preview-task p{margin:0 0 10px;color:#48546f;font-size:13px}.preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preview-form{display:flex;gap:8px;margin-top:12px}.preview-form input{flex:1;min-width:0;min-height:42px;padding:9px 11px;border:1px solid #dce1ef;border-radius:10px;color:var(--ink);font:14px ui-sans-serif,system-ui,sans-serif}.preview-items{display:grid;gap:6px;padding-left:22px;color:#59647b;font-size:13px}.preview-screen-panel progress{width:100%;height:12px;accent-color:var(--purple)}.preview-result{padding:11px 13px;border-radius:10px;background:#eef8f3;color:#37624e!important;font-weight:700}.preview-status{margin:13px 0 0;color:#7b8599;font-size:11px;line-height:1.5}.preview-screen-tabs .preview-button:focus-visible,.preview-frame :focus-visible{outline:3px solid #937ff1;outline-offset:2px}
.preview-game-board{margin-top:12px;padding:13px;background:#f5f3ff;border:1px solid #e8e3ff;border-radius:13px}.preview-game-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.preview-game-cell{display:grid;place-items:center;min-height:42px;border:1px solid #e0e4ef;border-radius:9px;background:#fff;color:transparent}.preview-game-cell.is-player{border-color:var(--preview-theme,#7866e5);background:#efedff;color:var(--preview-theme,#7866e5);font-size:20px}.preview-check-item{list-style:none;margin:5px 0}.preview-check-item label,.preview-preference{display:flex;align-items:center;gap:9px}.preview-check-item input,.preview-preference input{width:18px;height:18px;accent-color:var(--purple)}.preview-shapes{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px;border:1px solid #eeeaff;border-radius:12px;background:#faf9ff;color:var(--preview-theme,#7866e5);font-size:24px}.preview-reset{display:block;min-height:34px;margin:12px 0 0 auto;padding:6px 10px;font-size:11px}
.preview-timer-readout{font-size:28px!important;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)!important}.preview-calculator{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;margin-top:12px;padding:13px;border:1px solid #e4e8f2;border-radius:12px;background:#fafbff}.preview-calculator input,.preview-calculator select{min-width:0;min-height:42px;padding:8px;border:1px solid #dce1ef;border-radius:9px;background:white;color:var(--ink);font:14px ui-sans-serif,system-ui,sans-serif}.preview-calculator button,.preview-calculator output{grid-column:1/-1}.preview-calculator output{margin-top:3px}
.preview-item-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #edf0f5}.preview-remove-item{min-height:34px;padding:5px 9px;font-size:11px}
.preview-item-controls{display:flex;gap:5px}.preview-rename-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;width:100%}.preview-rename-form input{min-width:0;min-height:38px;padding:7px 9px;border:1px solid #dce1ef;border-radius:9px;font:13px ui-sans-serif,system-ui,sans-serif}.preview-rename-form button{min-height:38px;padding:6px 10px;font-size:11px}
.preview-timer-duration{width:100%;min-height:42px;padding:8px 10px;border:1px solid #dce1ef;border-radius:10px;background:white;color:var(--ink);font:14px ui-sans-serif,system-ui,sans-serif}

.private-preview-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}#hosted-private-preview{margin-top:16px}#hosted-private-preview iframe{width:100%;min-height:560px;border:1px solid var(--line,#ddd);border-radius:16px;background:white}
.guide-suggestion-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:10px 0 18px}.guide-suggestion-list button{min-height:52px;border:1px solid #b8abe8;border-radius:14px;background:#f4efff;color:#35275e;padding:11px 14px;font:700 13px/1.35 system-ui,sans-serif;text-align:left;cursor:pointer}.guide-suggestion-list button:hover,.guide-suggestion-list button:focus-visible{background:#e7dcff;outline:3px solid #c2b1ff;outline-offset:2px}.guide-voice-button{min-height:52px;width:100%;border:1px solid #d6d5df;border-radius:14px;background:#eeeef2;color:#626271;padding:12px 16px;font:700 13px system-ui,sans-serif;text-align:left;cursor:not-allowed}.change-form .guide-suggestion-list{margin-bottom:8px}
.character-options{margin:18px 0;padding:18px;border:1px solid #ddd5f1;border-radius:16px;background:#f9f7ff}.character-options h3{margin:0 0 14px;font-size:16px}.character-options select,.character-options input[type=range]{width:100%;margin-bottom:14px}.character-options input[type=range]{accent-color:#7355d8;min-height:32px}.character-options .helper-copy{margin-top:0}