:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f8;--bg-shadow:#10203824;--panel:#fffc;--panel-strong:#fffffff5;--border:#1825361a;--text:#182536;--muted:#617189;--accent:#2f6fed;--accent-strong:#1947b8;--accent-soft:#2f6fed1f;--danger:#b54839;--paper-shadow:0 32px 90px #1020381f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 0 0,#2f6fed2e,#0000 28%),radial-gradient(circle at 100% 100%,#f29f052e,#0000 26%),linear-gradient(#f7fbff 0%,#eef2f8 48%,#e7ebf3 100%);font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}body:before{content:"";pointer-events:none;background-image:linear-gradient(#18253606 1px,#0000 1px),linear-gradient(90deg,#18253606 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 92%);mask-image:linear-gradient(#000000a6,#0000 92%)}button,input{font:inherit}button{color:inherit;background:0 0;border:0}.app-shell{grid-template-columns:minmax(0,1fr);gap:20px;min-height:100vh;padding:24px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--paper-shadow);border-radius:28px}.brand-block h1,.board-header h2,.brand-block h3{letter-spacing:-.04em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif}.brand-block h1{font-size:clamp(4rem,10vw,7.5rem);line-height:.84}.brand-block h3{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1}.hero-panel{padding:28px 30px}.intro,.note-meta,.toolbar-label,.board-hint,.board-status,.field-label,.brush-size{color:var(--muted)}.intro{margin:18px 0 0;font-size:1rem;line-height:1.7}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 12px;font-size:.78rem;font-weight:700}.field-block{gap:10px;display:grid}.field-label{letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}.title-input{width:100%;min-height:50px;color:var(--text);background:#fffffff0;border:1px solid #1825361f;border-radius:16px;outline:none;padding:0 16px;transition:border-color .16s,box-shadow .16s,transform .16s}.title-input:focus{border-color:#2f6fed59;box-shadow:0 0 0 5px #2f6fed1f}.idea-input{resize:vertical;width:100%;min-height:132px;color:var(--text);background:#fffffff0;border:1px solid #1825361f;border-radius:16px;outline:none;padding:14px 16px;transition:border-color .16s,box-shadow .16s}.idea-input:focus{border-color:#2f6fed59;box-shadow:0 0 0 5px #2f6fed1f}.sidebar-actions,.toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.bottom-dock{grid-template-columns:minmax(140px,.55fr) minmax(220px,1fr) auto minmax(220px,1.05fr) minmax(320px,1.8fr);align-items:start;gap:18px;padding:20px 24px;display:grid}.primary-button,.secondary-button,.ghost-button,.note-delete,.segmented-control button{cursor:pointer;border-radius:999px;min-height:42px;padding:0 16px;transition:transform .14s,background-color .14s,border-color .14s,box-shadow .14s}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.note-delete:hover,.segmented-control button:hover,.note-open:hover,.swatch:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, #5d89f1 100%);color:#fff;box-shadow:0 14px 28px #2f6fed38}.secondary-button,.ghost-button,.segmented-control button,.note-delete{background:#ffffffb8;border:1px solid #1825361a}.notes-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;font-size:.84rem;font-weight:700;display:flex}.note-list{gap:10px;padding-right:4px;display:grid;overflow:auto}.note-card{background:#ffffff80;border:1px solid #0000;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;display:grid}.note-card-active{background:#2f6fed14;border-color:#2f6fed38}.note-open{text-align:left;cursor:pointer;border-radius:14px;gap:6px;min-width:0;padding:6px;display:grid}.note-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.note-meta{font-size:.87rem}.note-delete{color:var(--danger);align-self:center}.workspace{gap:20px;display:grid}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.toolbar-cluster{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar-label{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.segmented-control{background:#1825360d;border-radius:999px;padding:4px;display:inline-flex}.segment-active{background:var(--panel-strong);box-shadow:0 8px 18px #18253614}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;background:var(--swatch-color);border:3px solid #ffffffe0;border-radius:50%;width:36px;height:36px;box-shadow:0 10px 22px #18253624}.swatch-active{outline-offset:2px;outline:3px solid #2f6fed38}.brush-cluster{min-width:min(320px,100%)}.brush-slider{accent-color:var(--accent);width:min(240px,42vw)}.brush-size{min-width:48px;font-weight:700}.board-panel{gap:18px;min-height:0;padding:22px;display:grid}.board-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.board-header h2{font-size:clamp(1.9rem,3.6vw,3rem);line-height:.96}.board-status{background:var(--accent-soft);border-radius:999px;flex-wrap:wrap;gap:10px;padding:12px 14px;font-size:.92rem;font-weight:700;display:flex}.board-surface{background:linear-gradient(#f5f8fdf5,#fffffffa),linear-gradient(90deg,#1825360a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#1825360a 1px,#0000 1px) 0 0/24px 24px;border-radius:26px;min-height:68vh;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1825360a}.board-overlay{pointer-events:none;position:absolute;inset:0}.board-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.idea-card{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;background:#fffbd6f0;border:1px solid #18253614;border-radius:18px;width:min(220px,100% - 40px);padding:14px 14px 16px;position:absolute;box-shadow:0 20px 35px #18253624}.idea-card-ai{background:#fff499f5}.idea-card-manual{background:#fff7d2f5}.idea-card:active{cursor:grabbing}.idea-card p{white-space:pre-wrap;margin:10px 0 0;font-size:.95rem;line-height:1.45}.idea-card-delete{cursor:pointer;background:#ffffffd1;border:1px solid #1825361f;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;display:inline-flex}.board-hint{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border-radius:16px;max-width:min(520px,100% - 36px);padding:12px 14px;font-size:.92rem;line-height:1.5;position:absolute;bottom:18px;left:18px}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.ai-error{color:var(--danger);margin:0;font-size:.92rem;line-height:1.5}@media (max-width:1080px){.bottom-dock{grid-template-columns:repeat(2,minmax(0,1fr))}.board-surface{min-height:60vh}}@media (max-width:720px){.app-shell{gap:14px;padding:14px}.panel{border-radius:22px}.hero-panel,.bottom-dock,.board-panel{padding:18px}.toolbar{padding:16px}.brush-cluster{min-width:100%}.brush-slider{width:100%}.board-surface{min-height:54vh}.idea-card{width:min(200px,100% - 32px)}.board-status{border-radius:18px;width:100%}.bottom-dock{grid-template-columns:1fr}}
