@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#263d36;background:#f9f5ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:30px 35px}button,input,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #dddcd1;border-radius:12px;background:#fffdf8;color:#30483e;padding:10px 16px;font-weight:600}button:hover{filter:brightness(.96);transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #de805e;outline-offset:3px}button:disabled{opacity:.55;cursor:wait;transform:none}header{display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:10px;color:#2d5748;text-decoration:none;font-family:Outfit,system-ui;font-weight:800;font-size:30px}.brand>span{line-height:1}.brand-light{font-weight:400}.brand small{font-family:'DM Sans',system-ui;display:block;font-size:9px;letter-spacing:1.8px;margin-top:9px}.status{font-size:12px;background:#edeadd;border:1px solid #dfddcc;padding:9px 12px;border-radius:30px}.intro{text-align:center;margin:52px 0 35px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#898876;font-weight:700}h1,h2{font-family:Outfit,system-ui}h1{font-size:clamp(33px,4vw,51px);font-weight:600;letter-spacing:-1.8px;margin:12px 0}h1 span{color:#d67555}p{color:#7a8076;font-size:14px;line-height:1.6}.intro p{font-size:16px;margin:0}.studio{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:start}.preview-panel{background:#efece1;padding:25px;border-radius:24px;border:1px solid #e4e0d3}.panel-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#7b7f70;margin:0 0 24px}.board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3px;padding:17px 14px;background:linear-gradient(145deg,#30332f,#161b18);border:5px solid #30332f;border-radius:10px;box-shadow:0 15px 23px #25392c26,inset 0 0 0 2px #111;aspect-ratio:3.55}.tile{position:relative;display:flex;justify-content:center;align-items:center;min-height:0;min-width:0;border-radius:2px;border:0;padding:0;background:#242825;color:#f4f0dc;font-family:'Courier New',monospace;font-weight:bold;font-size:clamp(11px,2.1vw,27px);box-shadow:0 1px 1px #000;overflow:hidden}.tile:after{content:'';position:absolute;left:0;right:0;height:1px;top:50%;background:#0009;box-shadow:0 1px #ffffff0c}.tile.selected{outline:2px solid #edba75;outline-offset:1px;z-index:1}.tile.heart{color:#ee645b}.tile.flip{animation:flip .4s ease both;animation-delay:calc(var(--i) * 5ms)}@keyframes flip{0%{transform:rotateX(80deg);opacity:.4}100%{transform:rotateX(0);opacity:1}}.hint{font-size:11px;text-align:center;margin:15px 0;color:#85877a}.palette{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.palette button{padding:0;width:35px;min-height:38px;border:2px solid #fff;border-radius:9px;box-shadow:0 1px 3px #0002}.tile-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;margin:14px 0}.tile-label input{width:43px;text-align:center;padding:10px;border:1px solid #d8d6c9;border-radius:8px}.tile-label button{padding:8px;font-size:11px}.board-actions{display:flex;gap:7px;justify-content:center;margin:20px 0}.board-actions button{font-size:11px;padding:8px 12px;background:transparent}.send{display:flex;width:100%;align-items:center;justify-content:center;gap:20px;background:#2f5d4a;color:white;border:0;font-size:17px;min-height:56px;box-shadow:0 4px #244837}.send span{font-size:25px}.create-panel{padding:2px 5px}.tabs{display:flex;padding:5px;background:#eeebdf;border-radius:13px;margin-bottom:23px}.tabs button{flex:1;border:0;background:none;font-size:13px}.tabs button[aria-selected=true]{background:#fffdf8;box-shadow:0 2px 4px #0000000d}h2{font-size:23px;font-weight:500;margin:0 0 7px;letter-spacing:-.4px}.create-panel p{margin:0 0 17px;font-size:12px}label{display:block;font-size:11px;font-weight:600;margin-bottom:8px}textarea{resize:vertical;width:100%;min-height:105px;background:#fffdf8;border:1px solid #dedcd1;border-radius:12px;padding:15px;font-size:14px;line-height:1.5;color:#334c40}textarea::placeholder{color:#a3a395}.voice{margin:8px 0;background:transparent;font-size:12px}.themes{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 18px}.themes button{font-size:11px;padding:8px 11px;border-radius:25px}.primary{width:100%;background:#e7ab67;border-color:#e7ab67;color:#473d2b;font-size:15px;min-height:50px}.refine{display:flex;gap:5px;margin-top:10px}.refine button{flex:1;font-size:10px;padding:6px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:35px 0 16px;gap:10px}.section-title h2{font-size:21px}.section-title>span{font-size:9px;letter-spacing:1px;color:#8c8d7d}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#fffdf8;border:1px solid #e6e1d5;padding:15px;border-radius:15px}.card .board{padding:8px;border-width:3px;gap:2px;box-shadow:none;pointer-events:none}.card .tile{font-size:clamp(8px,1.1vw,16px)}.card h3{font-size:12px;font-weight:500;margin:13px 0}.card button{font-size:11px}.card .remove{float:right;padding:8px}#feedback{font-size:13px;line-height:1.5;padding-top:15px;color:#9a4e32;min-height:30px}footer{border-top:1px solid #e6e1d5;margin-top:40px;padding:22px 0;text-align:center;color:#939586;font-size:10px}footer span{color:#d67555;margin:0 6px}[hidden]{display:none!important}@media(max-width:750px){main{padding:20px 16px}.brand{font-size:25px}.brand small{font-size:7px}.status{font-size:10px}.intro{margin:35px 0 25px}.studio{grid-template-columns:1fr;gap:28px}.preview-panel{padding:20px 15px}.tile{font-size:clamp(13px,4.2vw,27px)}.board{gap:3px}.cards{grid-template-columns:1fr}.card .tile{font-size:clamp(12px,4vw,25px)}.palette button{width:37px;min-height:44px}.create-panel{padding:0 3px}.refine button{font-size:12px}.section-title>span{max-width:120px;text-align:right}}@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}}

.creation-actions .hint{margin:9px 0 16px}.plain-preview{width:100%;font-size:12px;background:transparent}

.board-actions{flex-wrap:wrap}

/* Compact composer: generation and sending are the default workspace. */
main{max-width:1200px;padding:20px 28px}header{margin-bottom:22px}.brand{font-size:24px}.header-actions{display:flex;align-items:center;gap:12px}.header-actions button{font-size:13px}.create-panel{padding:0}.create-panel h1{font-size:29px;margin:0 0 14px;letter-spacing:-.8px}.input-row{display:flex;gap:10px;align-items:stretch}.input-row textarea{min-height:72px;height:72px;font-size:18px;padding:16px}.voice{margin:0;width:58px;flex-shrink:0;background:#eeebdf;font-size:24px}.composer-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0 0}.themes{margin:0;gap:6px}.themes button{font-size:12px;padding:8px 12px}.creation-actions{display:flex;gap:9px;flex-shrink:0}.creation-actions .send,.creation-actions .primary{width:auto;min-height:48px;font-size:14px;padding:10px 17px;box-shadow:none;border-radius:12px}.plain-preview{display:inline-block;width:auto;border:0;min-height:40px;font-size:12px;padding:8px 0;color:#69796a}.section-title{margin:12px 0}.section-title h2{font-size:20px;margin:0}.cards{gap:14px}.card{padding:12px}.card .board{padding:10px 8px;aspect-ratio:3.55}.card .tile{font-size:clamp(10px,1.35vw,18px)}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.card h3{font-size:13px;line-height:1.4;margin:0}.card-actions{display:flex;gap:7px;flex-shrink:0}.card-actions button{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:10px;border-radius:12px}.card-send{background:#2f5d4a;color:#fff;border-color:#2f5d4a}.card-edit{background:transparent}.card .remove{float:none;margin-top:10px;font-size:10px;min-height:36px}.card-actions button:disabled{cursor:wait}#favorites-drawer{margin-top:22px;border-top:1px solid #e3dfd2;padding-top:8px}summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px;color:#64735f}#favorites-drawer .cards{margin-top:10px}#empty-ideas{text-align:center;padding:38px 0;color:#b4b19e}#empty-ideas>span{font-size:32px;color:#d9a566}#empty-ideas p{margin:8px}#feedback{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;max-width:min(650px,calc(100vw - 32px));width:max-content;min-height:0;padding:12px 20px;background:#2f493d;color:#fff;border-radius:14px;box-shadow:0 5px 20px #0002;font-size:14px}#feedback:empty{display:none}.editor-heading{display:flex;align-items:center;gap:20px;margin-bottom:20px}.editor-heading h2{margin:0}.editor-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:25px;align-items:center}.preview-panel{padding:22px}.editor-workspace .board{width:100%}.editing-tools{padding:15px}.editing-tools .palette{gap:8px}.editing-tools .palette button{min-width:44px;min-height:44px}.tile-label{margin:22px 0}.board-actions button{font-size:12px}.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}
@media(min-width:751px) and (max-width:1050px){main{padding:18px 22px}.composer-controls{align-items:stretch;flex-direction:column;gap:10px}.creation-actions{justify-content:flex-end}.themes{justify-content:flex-start}.card-bottom{align-items:flex-start;flex-direction:column;gap:10px}.card-actions{align-self:flex-end}.header-actions{gap:7px}.brand{font-size:21px}.editor-workspace{grid-template-columns:minmax(0,1.7fr) minmax(210px,1fr);gap:12px}}
@media(max-width:750px){main{padding:16px}.brand{font-size:18px}.header-actions{gap:6px}.header-actions button{font-size:11px;padding:8px}.status{font-size:9px;padding:7px}.create-panel h1{font-size:26px}.composer-controls{display:flex;flex-direction:column;align-items:stretch;gap:12px}.creation-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.creation-actions .send,.creation-actions .primary{font-size:12px;padding:10px 8px}.themes{justify-content:space-between}.themes button{font-size:10px;padding:8px}.cards{grid-template-columns:1fr}.card .tile{font-size:clamp(12px,4vw,25px)}.editor-workspace{grid-template-columns:1fr;gap:8px}.editor-heading{gap:12px}.editor-heading h2{font-size:20px}.editing-tools{padding:5px}.preview-panel{padding:15px}.card-bottom{flex-direction:row;align-items:center}.card h3{font-size:14px}#feedback{bottom:12px;font-size:13px}}

.brand .brand-tagline{display:block;font-family:inherit;font-weight:400;font-size:12px;letter-spacing:0;line-height:1.4;margin-top:5px;color:#8a806c}@media(max-width:750px){.brand .brand-tagline{font-size:10px;margin-top:4px}}
.card-favorite{font-size:25px;line-height:1;background:transparent}.card-favorite[aria-pressed=true]{color:#a86816;background:#fff1cd;border-color:#e3c98d}.card-bottom{flex-wrap:wrap}.card-actions{margin-left:auto}

.board{grid-template-columns:repeat(var(--columns,15),minmax(0,1fr));grid-template-rows:repeat(var(--rows,3),minmax(0,1fr));aspect-ratio:var(--board-ratio,3.55)}.card .board{aspect-ratio:var(--board-ratio,3.55)}.board[data-profile=full] .tile{font-size:clamp(8px,1.4vw,22px)}.card .board[data-profile=full] .tile{font-size:clamp(7px,.9vw,13px)}.board-switch{display:flex;align-items:center;gap:8px;position:relative;font-size:12px;margin:0;min-height:44px;cursor:pointer}.board-switch input{position:absolute;width:44px;height:28px;left:35px;opacity:0}.switch-track{width:44px;height:26px;border-radius:20px;background:#b9b9a6;position:relative}.switch-track:after{content:'';position:absolute;width:20px;height:20px;top:3px;left:3px;background:#fffdf8;border-radius:50%;transition:transform .15s}.board-switch input:checked+.switch-track{background:#2f5d4a}.board-switch input:checked+.switch-track:after{transform:translateX(18px)}.board-switch input:focus-visible+.switch-track{outline:3px solid #de805e;outline-offset:3px}.board-switch input:disabled+.switch-track{opacity:.5}#size-note{text-align:right;font-size:12px;margin:-12px 0 15px;color:#94713e}@media(max-width:750px){header{flex-wrap:wrap;gap:8px}.header-actions{flex-wrap:wrap}.board[data-profile=full] .tile{font-size:clamp(8px,2.7vw,17px)}.card .board[data-profile=full] .tile{font-size:clamp(8px,2.6vw,17px)}}

.parents-open{font-size:12px}#parents-modal{border:1px solid #ddd7c9;border-radius:20px;background:#f9f5ec;color:#263d36;padding:24px;width:min(460px,calc(100vw - 28px));max-height:90dvh}#parents-modal::backdrop{background:#182c2380}.parents-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.parents-heading h2{margin:0}#parents-modal input[type=password],#parent-answer{display:block;width:100%;padding:12px;border:1px solid #d7d4c6;background:#fffdf8;border-radius:10px;min-height:46px;margin-bottom:12px}#parents-modal label{font-size:13px}#parents-modal p{font-size:12px}.parent-check{display:flex;gap:10px;align-items:center;min-height:44px}.parent-check input{width:20px;height:20px;accent-color:#2f5d4a}#parents-modal .primary{margin-top:12px}.voice{display:flex;align-items:center;justify-content:center;font-size:22px;padding:12px;overflow:hidden}.voice svg,.creation-actions svg,.card-actions svg{flex-shrink:0;width:23px;height:23px}.creation-actions .primary{display:flex;align-items:center;justify-content:center;gap:8px}

.parent-board-options{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-bottom:18px}.parent-board-options select{display:block;width:100%;padding:11px 8px;margin-top:8px;border:1px solid #d7d4c6;border-radius:10px;background:#fffdf8;color:#263d36;font:inherit}body[data-finish=white] .board{background:linear-gradient(145deg,#fdfcf7,#d5d5cc);border-color:#e8e8de;box-shadow:0 8px 18px #25392c20,inset 0 0 0 2px #c2c2b8}body[data-finish=white] .tile{background:#eeeee6;color:#252923;box-shadow:0 1px 1px #aaa}body[data-finish=white] .tile.heart{color:#dc554f}body[data-finish=white] .tile:after{background:#0003;box-shadow:0 1px #fff5}

/* Touch-first paint editor. Only the board suppresses touch scrolling. */
.editor-workspace{display:flex;flex-direction:column;gap:14px}.editor-workspace .preview-panel{width:min(850px,100%);padding:18px}.editor-workspace .editing-tools{width:min(850px,100%);padding:0}.editor-workspace .board{touch-action:none;user-select:none;-webkit-user-select:none}.editor-workspace .tile{touch-action:none;cursor:crosshair}.editor-workspace .tile:hover{transform:none;filter:none}.editor-workspace .tile.selected{outline-color:#efb95d}.paint-tools{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px}.paint-tools button{min-height:48px}.paint-tools button[aria-pressed=true],.character-tabs button[aria-pressed=true]{background:#2f5d4a;color:white;border-color:#2f5d4a}#keyboard-tool{display:flex;align-items:center;justify-content:center}.editing-tools .palette{flex-wrap:nowrap;gap:9px;margin:0 0 16px}.editing-tools .palette button{position:relative;width:48px;min-width:40px;min-height:48px;border:3px solid #fffdf8;border-radius:50%;font-size:22px}.editing-tools .palette button[aria-pressed=true]{outline:3px solid #2f5d4a;outline-offset:2px;transform:translateY(-3px)}.character-controls{background:#eeebdf;border-radius:16px;padding:8px 10px}.character-tabs{display:flex;gap:6px;margin-bottom:7px}.character-tabs button{min-height:38px;padding:5px 16px}.character-tabs button:last-child{margin-left:auto}.character-strip{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;padding:5px 3px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.character-strip button{flex:0 0 46px;min-height:49px;padding:6px;font-family:'Courier New',monospace;font-size:23px;scroll-snap-align:start}.keyboard-label{font-size:12px;margin:15px 0}.keyboard-label input{display:block;width:100%;font-size:18px;padding:12px;margin-top:8px;border:1px solid #d7d4c6;border-radius:10px;background:#fffdf8}.editing-tools .board-actions{margin:14px 0;gap:8px}.editor-workspace .preview-panel>.send{max-width:300px;margin:0 auto}.editor-workspace .hint{margin:10px 0}@media(max-width:750px){.editor-workspace .preview-panel{padding:12px}.editing-tools .palette{overflow-x:auto;justify-content:flex-start;padding:6px;gap:9px}.editing-tools .palette button{flex-shrink:0}.editor-heading{margin-bottom:12px}.paint-tools{margin-bottom:10px}.character-strip button{flex-basis:44px}.board-actions button{min-height:44px}}

.canvas-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 15px}.canvas-actions button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:57px;border:0;border-radius:15px;font-size:15px;box-shadow:0 3px #0000000c}.canvas-actions svg{flex-shrink:0;width:25px;height:25px}.canvas-actions #undo{background:#e0eaf8;color:#42618c}.canvas-actions #clear{background:#f7e0d6;color:#915c47}.canvas-actions #decorate{background:#eee0f6;color:#795294}.canvas-actions #save{background:#fbebbb;color:#896a23}#board[aria-busy=true]{pointer-events:none;opacity:.7}@media(max-width:750px){.canvas-actions{gap:7px;margin-bottom:12px}.canvas-actions button{flex-direction:column;gap:4px;min-height:64px;font-size:12px;padding:8px}.canvas-actions svg{width:24px;height:24px}}

/* Unified studio experiment: idea helper alongside the always-visible canvas. */
.studio-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:24px;align-items:start}#composer{min-width:0;background:#efece155;border:1px solid #e5e0d4;border-radius:20px;padding:17px}#editor{min-width:0}#composer .create-panel h1{font-size:23px;letter-spacing:-.6px;margin-bottom:12px}#composer .input-row textarea{font-size:16px;min-height:88px;height:88px;padding:12px}#composer .voice{width:48px;padding:10px}#composer .composer-controls{flex-direction:column;align-items:stretch;gap:12px}#composer .themes{justify-content:flex-start;gap:6px}#composer .themes button{padding:8px 10px;font-size:11px}#composer .creation-actions{display:grid;grid-template-columns:1fr;gap:8px}#composer .creation-actions .send,#composer .creation-actions .primary{width:100%;min-height:46px;font-size:14px}#composer .plain-preview{text-align:left;line-height:1.4;font-size:11px}#composer .section-title{margin-top:20px}#composer .section-title h2{font-size:17px}#ideas{grid-template-columns:1fr;gap:10px}#ideas .card{padding:10px}#ideas .card .tile{font-size:clamp(9px,1.1vw,14px)}#ideas .card .board[data-profile=full] .tile{font-size:clamp(7px,.85vw,10px)}#ideas .card-bottom{flex-direction:row;align-items:center;gap:7px;margin-top:9px}#ideas .card h3{font-size:11px}#ideas .card-actions{gap:5px}#ideas .card-actions button{min-width:42px;min-height:44px;padding:9px}#ideas .card-actions svg{width:21px;height:21px}#ideas .card-actions{align-self:auto}.editor-heading{justify-content:space-between;gap:12px;margin-bottom:12px}.editor-heading h2{font-size:23px}.editor-workspace .preview-panel{padding:15px}.canvas-actions{gap:7px}.canvas-actions button{font-size:13px;padding:9px;gap:6px;min-height:52px}.canvas-actions svg{width:23px;height:23px}.editing-tools .palette{gap:7px}.editing-tools .palette button{width:43px;min-width:35px;min-height:43px}#empty-ideas{padding:20px 0}#empty-ideas p{font-size:12px}#favorites-drawer{margin-top:20px}@media(min-width:851px){#editor{position:sticky;top:16px}.editor-workspace .board .tile{font-size:clamp(14px,2.2vw,28px)}.editor-workspace .board[data-profile=full] .tile{font-size:clamp(9px,1.6vw,21px)}#composer{max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}@media(max-width:850px){.studio-layout{display:flex;flex-direction:column;gap:22px}#editor{order:0;width:100%}#composer{order:1;width:100%;padding:15px}#composer .creation-actions{grid-template-columns:1fr 1fr}#ideas{grid-template-columns:repeat(3,minmax(0,1fr))}#ideas .card-bottom{flex-direction:column;align-items:stretch}#ideas .card-actions{margin-left:auto}#ideas .card-actions button{min-width:40px;min-height:42px;padding:8px}#ideas .card .tile{font-size:clamp(7px,1.7vw,13px)}#ideas .card .board[data-profile=full] .tile{font-size:clamp(6px,1.1vw,9px)}.editor-heading h2{font-size:22px}.editing-tools .palette{justify-content:center}}@media(max-width:550px){#ideas{grid-template-columns:1fr}#ideas .card-bottom{flex-direction:row;align-items:center}#ideas .card .tile{font-size:clamp(12px,4vw,24px)}#ideas .card .board[data-profile=full] .tile{font-size:clamp(8px,2.5vw,16px)}#composer .creation-actions .send,#composer .creation-actions .primary{font-size:12px;padding:10px 6px}.canvas-actions button{flex-direction:column;font-size:12px;min-height:62px}.editing-tools .palette{justify-content:flex-start}.editor-heading h2{font-size:21px}}

.creation-actions .use-words{background:#dce8f3;border-color:#dce8f3;color:#355674}#composer .creation-actions .use-words{min-height:46px}#composer .creation-actions{grid-template-columns:1fr}@media(min-width:551px) and (max-width:850px){#composer .creation-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#composer .creation-actions .send,#composer .creation-actions .primary{font-size:12px;padding:10px 7px}}

.card .board.idea-preview{pointer-events:auto;width:100%;min-height:0;cursor:pointer}.card .board.idea-preview:hover{transform:none;filter:brightness(1.06)}.card .board.idea-preview:focus-visible{outline:3px solid #de805e;outline-offset:4px}.card.is-loaded{border-color:#4b8065;box-shadow:0 0 0 2px #4b806533;background:#f3f8ee}

.brand-logo{display:block;width:36px;height:41px;flex-shrink:0;filter:drop-shadow(0 2px 2px #1b322522)}.brand{gap:10px;font-size:23px}.playground-note{margin:-8px 0 18px;font-size:12px;color:#857a60;line-height:1.5}body[data-playground=true] .status{background:#f7ebcd;border-color:#e9d9ae;color:#856227}.about-studio{border-top:1px solid #ddd6c6;margin-top:18px;padding-top:4px}@media(max-width:550px){.brand{font-size:19px}.brand-logo{width:31px;height:35px}.playground-note{font-size:11px;margin-top:-5px}}

/* Full-screen, touch-sized AI chooser; no browser Fullscreen API required. */
body.choosing-ideas{overflow:hidden}.ideas-overlay{position:fixed;inset:0;z-index:100;background:#f9f5ec;padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:20px}.ideas-overlay-header{display:flex;align-items:center;gap:20px;flex-shrink:0}.ideas-overlay-header h2{margin:0;font-size:26px}.ideas-overlay-header button{min-width:92px;min-height:50px;font-size:16px;background:#efe6d3}.ideas-overlay-header>span{margin-left:auto;font-size:11px;color:#8b897a}#ideas-section #ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:center;flex:1;min-height:0;width:min(1440px,100%);margin:0 auto}#ideas-section #ideas .card{padding:15px;border-radius:20px;min-width:0}#ideas-section #ideas .card .board{padding:12px 8px;min-height:0}#ideas-section #ideas .card .tile{font-size:clamp(10px,1.7vw,25px)}#ideas-section #ideas .card .board[data-profile=full] .tile{font-size:clamp(7px,1.2vw,17px)}#ideas-section #ideas .card-bottom{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:16px}#ideas-section #ideas .card h3{font-size:16px;text-align:center;min-height:23px}#ideas-section #ideas .card-actions{display:flex;justify-content:center;gap:14px;margin:0;align-self:auto}#ideas-section #ideas .card-actions button{min-width:58px;min-height:56px;padding:13px}#ideas-section #ideas .card-actions svg{width:27px;height:27px}.show-ideas{margin-top:14px;width:100%;background:#eee5d2;font-size:13px}#feedback{z-index:120}@media(orientation:landscape) and (max-height:600px){.ideas-overlay{padding:12px 16px;gap:12px}.ideas-overlay-header h2{font-size:22px}.ideas-overlay-header button{min-height:44px}#ideas-section #ideas{gap:12px}#ideas-section #ideas .card{padding:11px}#ideas-section #ideas .card-bottom{gap:9px;margin-top:10px}#ideas-section #ideas .card h3{font-size:13px}#ideas-section #ideas .card-actions button{min-height:48px;min-width:50px;padding:10px}}@media(orientation:portrait){#ideas-section #ideas{grid-template-columns:1fr;flex:0;max-width:540px;gap:14px}.ideas-overlay-header{gap:12px}.ideas-overlay-header h2{font-size:21px}.ideas-overlay-header>span{display:none}#ideas-section #ideas .card-bottom{flex-direction:row;align-items:center}#ideas-section #ideas .card h3{text-align:left;font-size:14px}#ideas-section #ideas .card-actions{margin-left:auto;gap:8px}#ideas-section #ideas .card .tile{font-size:clamp(12px,4vw,26px)}#ideas-section #ideas .card .board[data-profile=full] .tile{font-size:clamp(8px,2.6vw,18px)}}

/* Short landscape tablets: spend the height on the canvas and brushes. */
@media(orientation:landscape) and (max-height:700px){main{padding-top:10px;padding-bottom:12px}header{margin-bottom:12px}.brand-logo{height:34px;width:30px}.brand .brand-tagline{margin-top:3px}.playground-note{margin-bottom:10px;font-size:11px}.editor-heading{margin-bottom:7px}.editor-heading h2{font-size:20px}.editor-workspace{gap:8px}.editor-workspace .preview-panel{padding:10px}.canvas-actions{margin-bottom:9px}.canvas-actions button{min-height:44px;padding:7px;font-size:12px}.canvas-actions svg{width:21px;height:21px}#editor-hint{display:none}.editor-workspace .preview-panel>.send{min-height:44px;margin-top:10px;font-size:14px}#send-note:empty{display:none}.editor-workspace .editing-tools{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.paint-tools{margin:0;gap:5px}.paint-tools button{min-height:44px;padding:8px 11px;font-size:12px}.editing-tools .palette{justify-content:flex-start;overflow-x:auto;margin:0;padding:5px;gap:7px}.editing-tools .palette button{flex-shrink:0;width:38px;min-width:38px;min-height:38px}.character-controls,.keyboard-label{grid-column:1/-1}.keyboard-label{margin:4px 0}.character-strip{padding-bottom:7px}.character-strip button{min-height:44px}.editor-workspace #board{max-width:calc((100vh - 275px)*var(--board-ratio,3.55));max-width:calc((100dvh - 275px)*var(--board-ratio,3.55));margin-left:auto;margin-right:auto}.studio-layout{gap:16px}#editor{top:8px}}

/* Give raised, outlined brush circles room inside the horizontal scroller. */
.editing-tools .palette{padding:12px 7px 8px;scroll-padding-inline:7px}.editing-tools .palette button[aria-pressed=true]{transform:none}.editing-tools .palette button:hover{transform:none}.generation-status{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:140;display:flex;align-items:center;gap:18px;width:max-content;max-width:calc(100vw - 28px);background:#2f493d;color:#fff;padding:10px 12px 10px 18px;border-radius:16px;box-shadow:0 5px 20px #0003;font-size:14px}.generation-status button{min-height:44px;background:#fff6e5;color:#5c4932;border:0;padding:9px 18px;flex-shrink:0}@media(orientation:landscape) and (max-height:700px){.editing-tools .palette{padding:10px 7px 7px}}

.pilot-settings{margin:24px 0 20px;padding:16px;border:1px solid #d8c9ab;border-radius:14px;background:#f5efdf;min-width:0}.pilot-settings legend{font-weight:700;padding:0 7px}.pilot-settings .about-studio{margin:12px 0 18px;border-top:0;padding-top:0}.parent-section-title{margin:8px 0 14px}.pilot-settings>p{line-height:1.5}