:root{color:#11343a;background:#eafffb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #00a7a5;--accent-dark: #006f7b;--accent-soft: #c9fbf2;--line: #7bd1cf;--muted: #4f767b;--surface: #ffffff;--danger: #c94d63;--core: #007da0;--sub: #00a7a5;--decoration: #6577c7;--sun: #ffd44a;--coral: #ff7d70;--ink: #11343a;--pixel-shadow: 4px 4px 0 rgba(17, 52, 58, .84);--pixel-shadow-soft: 3px 3px 0 rgba(0, 111, 123, .28)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh;background:linear-gradient(90deg,rgba(0,167,165,.1) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(0deg,rgba(0,167,165,.1) 1px,transparent 1px) 0 0 / 28px 28px,radial-gradient(circle at 14px 14px,rgba(0,111,123,.2) 2px,transparent 2.8px) 0 0 / 28px 28px,linear-gradient(180deg,#abf5ebdb,#eafffb00 340px),#eafffb;padding:24px}.topbar,.hero-header,.project-list,.editor{margin:0 auto;max-width:1380px}.topbar,.hero-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:22px}.topbar{justify-content:flex-start}.brand{color:var(--accent-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:28px;font-weight:750;letter-spacing:0;margin:0 0 4px;text-shadow:2px 2px 0 rgba(255,212,74,.42)}.subtle,.hero-header p,.section-heading p,.prompt-header p,.group-heading span{color:var(--muted);margin:0}.hero-header{align-items:flex-end;padding:28px 0 10px}.hero-header h1{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(32px,5vw,58px);letter-spacing:0;line-height:1.08;margin:10px 0 14px;max-width:820px}.hero-header p{font-size:17px;line-height:1.7;max-width:650px}.hero-actions,.quiet-actions,.card-actions,.copy-area,.prompt-header{align-items:center;display:flex;gap:10px}.hero-actions{align-items:flex-end;flex-direction:column;max-width:420px}.quiet-actions{opacity:.78}.primary-button,.ghost-button,.text-button,.small-button,.filter-tab{border:2px solid var(--ink);border-radius:3px;min-height:40px;padding:0 16px}.primary-button{background:var(--accent);color:#fff;font-weight:700;box-shadow:3px 3px 0 var(--ink)}.primary-button:hover{background:var(--accent-dark)}.primary-button:active,.ghost-button:active,.small-button:active,.filter-tab:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.primary-button.large{min-height:48px}.ghost-button{background:#f8fffd;color:var(--accent-dark);font-weight:700;box-shadow:3px 3px #11343a61}.text-button{background:transparent;color:var(--accent-dark);border-color:transparent;padding:0 6px}.small-button{background:#ddfff8;color:var(--accent-dark);font-size:13px;font-weight:750;min-height:34px;padding:0 12px;box-shadow:2px 2px #11343a85}.danger{color:var(--danger)}.cards-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card,.empty-state,.panel{background:#ffffffeb;border:3px solid var(--ink);border-radius:4px;box-shadow:var(--pixel-shadow);position:relative}.project-card:after,.empty-state:after,.panel:after{background:linear-gradient(90deg,var(--accent) 0 7px,transparent 7px 10px,var(--sun) 10px 17px,transparent 17px 20px,var(--coral) 20px 27px);content:"";height:6px;left:14px;position:absolute;top:10px;width:54px}.project-card{display:grid;gap:20px;min-height:220px;padding:22px}.project-card h2,.empty-state h2,.section-heading h2,.prompt-header h2,.group-heading h3{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0;margin:0}.project-card h2{font-size:22px}.project-card p{color:var(--muted);line-height:1.65;margin:10px 0 0}.card-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.empty-state{margin:70px auto 0;max-width:560px;padding:42px;text-align:center}.empty-state p,.empty-text{color:var(--muted);line-height:1.7}.empty-text{margin:8px 0}.empty-text.small{font-size:13px;margin:4px 0 0}.import-message,.section-heading span,.copy-area span{color:var(--muted);font-size:13px;white-space:nowrap}.hidden-file{display:none}.editor{display:grid;gap:18px}.panel{padding:20px}.project-identity{display:grid;gap:14px;grid-template-columns:minmax(220px,.72fr) minmax(320px,1.28fr)}.field{display:grid;gap:7px}.field span{color:#315c5f;font-size:13px;font-weight:750}input,textarea,select{background:#fbfefe;border:2px solid var(--ink);border-radius:3px;color:#17383b;line-height:1.5;outline:none;padding:10px 12px;width:100%}textarea{min-height:40px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:3px 3px #00a7a557}.workspace-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(320px,.92fr) minmax(380px,1.08fr)}.drop-zone{min-height:360px}.toy-box{background:linear-gradient(90deg,rgba(255,212,74,.22) 4px,transparent 4px) 0 0 / 22px 22px,linear-gradient(0deg,rgba(255,125,112,.13) 4px,transparent 4px) 0 0 / 22px 22px,radial-gradient(circle at 11px 11px,rgba(242,193,78,.35) 2px,transparent 2.6px) 0 0 / 22px 22px,linear-gradient(135deg,rgba(242,193,78,.2),transparent 30%),linear-gradient(180deg,#fffffff5,#eefaf8f5);border-color:var(--accent-dark);position:relative}.toy-box:before,.playground:before{content:"";height:10px;left:18px;position:absolute;top:12px;width:70px}.toy-box:before{background:repeating-linear-gradient(90deg,var(--sun) 0 10px,var(--coral) 10px 20px,var(--accent) 20px 30px)}.playground{background:linear-gradient(90deg,rgba(101,119,199,.16) 4px,transparent 4px) 0 0 / 24px 24px,linear-gradient(0deg,rgba(0,167,165,.12) 4px,transparent 4px) 0 0 / 24px 24px,radial-gradient(circle at 12px 12px,rgba(97,121,168,.34) 2px,transparent 2.8px) 0 0 / 24px 24px,linear-gradient(180deg,#fffffffa,#f2fafff5);border-color:#347ba4;position:relative}.playground:before{background:repeating-linear-gradient(90deg,var(--accent) 0 10px,#8fb8e8 10px 20px,var(--decoration) 20px 30px)}.section-heading,.prompt-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.section-heading h2,.prompt-header h2{font-size:22px;padding-top:4px}.section-heading p,.prompt-header p{font-size:14px;line-height:1.6;margin-top:4px}.idea-composer{background:var(--accent-soft);border:2px solid var(--ink);border-radius:4px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 132px auto;margin-bottom:12px;padding:10px}.idea-composer .primary-button{min-width:96px}.composer-level{min-height:40px}.idea-composer textarea{grid-column:1 / -1;min-height:38px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-tab{background:#eef8f6;color:var(--muted);font-size:13px;font-weight:750;min-height:34px}.filter-tab.active{background:var(--accent);border-color:var(--ink);color:#fff;box-shadow:2px 2px 0 var(--ink)}.compact-list,.active-groups{display:grid;gap:9px}.compact-list{max-height:430px;overflow:auto;padding-right:2px}.idea-card{align-items:center;background:#fbfefe;border:2px solid var(--ink);border-radius:3px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 128px auto;padding:9px 10px}.idea-card-pool{box-shadow:inset 5px 0 0 var(--sun),3px 3px #11343a38}.idea-card-active{box-shadow:inset 5px 0 0 var(--accent),3px 3px #11343a3d}.idea-card:active{cursor:grabbing}.idea-card-main{display:grid;gap:5px;min-width:0}.idea-status-row{display:flex;flex-wrap:wrap;gap:6px}.status-chip{border:1px solid currentColor;border-radius:2px;display:inline-flex;font-size:11px;font-weight:850;line-height:1;padding:4px 8px}.status-pool{background:#fff7dc;color:#91680d}.status-active{background:#dcf7f3;color:var(--accent-dark)}.implementation-unimplemented{background:#fff1ed;color:#a04c3f}.implementation-implemented{background:#e7f6e7;color:#377a45}.idea-text-input,.idea-memo-input{border-color:transparent;padding:5px 7px}.idea-text-input{background:transparent;font-weight:750;min-height:30px}.idea-memo-input{background:#fff;color:var(--muted);min-height:30px}.level-select{color:#fff;font-size:13px;font-weight:800;min-height:34px;padding:0 10px;box-shadow:2px 2px #11343a80}.level-core{background:var(--core);border-color:var(--core)}.level-sub{background:var(--sub);border-color:var(--sub)}.level-decoration{background:var(--decoration);border-color:var(--decoration)}.idea-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end}.active-zone{background:#fffffff5}.active-group{border:2px dashed var(--line);border-radius:3px;display:grid;gap:8px;padding:12px}.active-group-core{border-color:#0e789073}.active-group-sub{border-color:#0f8a8d6b}.active-group-decoration{border-color:#6179a875}.group-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.group-heading h3{color:var(--accent-dark);font-size:17px}.group-heading span{font-size:12px}.markdown-panel{display:grid;gap:14px}.prompt-header{margin-bottom:0}.markdown-output{min-height:320px;white-space:pre;box-shadow:inset 3px 3px #006f7b1f}.implementation-toggle.implemented{background:#e7f6e7;border-color:#9acb9f;color:#377a45}.implementation-toggle.unimplemented{background:#fff1ed;border-color:#e8aaa0;color:#a04c3f}@media(max-width:920px){.app-shell{padding:16px}.topbar,.hero-header{align-items:stretch;flex-direction:column}.hero-actions{align-items:stretch;max-width:none}.quiet-actions{flex-wrap:wrap}.project-identity,.workspace-grid{grid-template-columns:1fr}.prompt-header,.section-heading{flex-direction:column;gap:10px}.copy-area{justify-content:space-between;width:100%}}@media(max-width:620px){.hero-header h1{font-size:34px}.panel,.project-card,.empty-state{padding:16px}.idea-composer,.idea-card{grid-template-columns:1fr}.idea-actions,.card-actions,.quiet-actions{align-items:stretch;flex-direction:column}.primary-button,.ghost-button,.small-button{width:100%}}