:root{--paper: #f4f1e9;--paper-edge: #ebe6da;--ink: #17140f;--accent: #3f5d6b;--accent-track: #cdc6b6;--label: #6f685a;--panel: rgba(247, 244, 236, .86);--panel-line: rgba(23, 20, 15, .14);--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--paper: #17181a;--paper-edge: #101113;--ink: #e9e4d6;--accent: #7fa7b8;--accent-track: #34383d;--label: #8b8676;--panel: rgba(24, 25, 27, .82);--panel-line: rgba(233, 228, 214, .16)}}*{box-sizing:border-box}*:focus,*:focus-visible{outline:none}html,body,#root{height:100%}body{margin:0;font-family:var(--mono);color:var(--ink);background:radial-gradient(120% 120% at 50% 35%,var(--paper) 0%,var(--paper-edge) 100%);overflow:hidden}.app{position:fixed;top:0;right:0;bottom:0;left:0}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.eyebrow{position:fixed;left:22px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:3;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--label);pointer-events:none}.eyebrow strong{color:var(--ink);font-weight:600}:root{--rail-top: calc(env(safe-area-inset-top, 0px) + 70px) ;--rail-bottom: calc(env(safe-area-inset-bottom, 0px) + 124px) }.left-rail{position:fixed;top:var(--rail-top);bottom:var(--rail-bottom);left:18px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.toolbox{display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--panel);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid var(--panel-line);border-radius:12px;box-shadow:0 12px 34px #0000001f;max-height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.toolbox::-webkit-scrollbar{display:none}.tool.genie{color:var(--accent)}.tool.genie.active{color:var(--paper)}.tool-sep{height:1px;flex-shrink:0;margin:3px 6px;background:var(--panel-line)}.swatch-wrap{position:relative}.swatch-btn .swatch-dot{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--panel-line);box-shadow:inset 0 0 0 1.5px var(--paper)}.swatch-popup{position:fixed;z-index:6;padding:10px;background:var(--panel);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid var(--panel-line);border-radius:12px;box-shadow:0 12px 34px #00000029}.size-flyout{position:fixed;z-index:6;display:flex;align-items:center;gap:4px;padding:6px;background:var(--panel);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid var(--panel-line);border-radius:12px;box-shadow:0 12px 34px #00000029}.swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.swatch{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--panel-line);cursor:pointer;padding:0}.swatch.active{outline:2px solid var(--accent);outline-offset:2px}.swatch-custom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--label)}.swatch-custom input[type=color]{width:34px;height:24px;padding:0;border:1.5px solid var(--panel-line);border-radius:7px;background:transparent;cursor:pointer;overflow:hidden}.swatch-custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.swatch-custom input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}.swatch-custom input[type=color]::-moz-color-swatch{border:none;border-radius:5px}.size-btn{width:38px;height:30px;display:grid;place-items:center;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:background .12s ease}.size-btn:hover{background:#3f5d6b1a}.size-btn.active{background:var(--accent)}.size-dot{border-radius:50%;background:var(--label)}.size-btn.active .size-dot{background:var(--paper)}.tool{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border:none;border-radius:8px;background:transparent;color:var(--label);cursor:pointer;transition:background .12s ease,color .12s ease}.tool:hover{background:#3f5d6b1a;color:var(--ink)}.tool.active{background:var(--accent);color:var(--paper)}.tool:disabled{opacity:.35;cursor:default}.tool:disabled:hover{background:transparent;color:var(--label)}.docbar{position:fixed;top:calc(env(safe-area-inset-top,0px) + 18px);left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:8px;padding:5px 8px 5px 6px;background:var(--panel);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid var(--panel-line);border-radius:11px;box-shadow:0 12px 34px #0000001f;width:min(460px,calc(100vw - 32px))}.docbar-back{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border:none;border-radius:7px;background:transparent;color:var(--label);cursor:pointer}.docbar-back:hover{background:#3f5d6b1a;color:var(--ink)}.docbar-title{min-width:0;flex:1 1 auto;font-family:var(--mono);font-size:12.5px;color:var(--ink);background:transparent;border:none;outline:none;padding:4px 2px}.docbar-save{flex:0 0 auto;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--label);padding-right:6px;min-width:44px;text-align:right}.marquee{fill:#3f5d6b1a;stroke:var(--accent);stroke-width:1.3;stroke-dasharray:5 4}.right-rail{position:fixed;top:var(--rail-top);right:18px;bottom:var(--rail-bottom);z-index:4;width:232px;display:flex;flex-direction:column;gap:10px;align-items:stretch;pointer-events:none}.right-rail>*{pointer-events:auto}.proposals{flex:0 0 auto;display:flex;flex-direction:column;background:var(--panel);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid var(--panel-line);border-radius:12px;box-shadow:0 12px 34px #0000001f;overflow:hidden}.proposals.open,.mood.open{flex:0 1 auto;min-height:0}.proposals-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 10px}.proposals-scroll::-webkit-scrollbar{display:none}.proposals-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:none;background:transparent;font-family:inherit;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--label);cursor:pointer}.proposals-head:hover{color:var(--ink)}.proposals-caret{font-size:10px;letter-spacing:0}.proposals.collapsed{max-height:none}.proposal-generating{display:flex;align-items:center;gap:8px;margin:2px 4px 4px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent);font-family:var(--mono);font-size:12px;color:var(--accent)}.proposal-generating .dots{animation:pulse 1.1s ease-in-out infinite}.proposals-empty{padding:16px 14px;font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--label);text-align:center}.genie-spinner{flex:0 0 auto;width:15px;height:15px;border:2px solid color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent);border-radius:50%;animation:genie-spin .7s linear infinite}@keyframes genie-spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.proposals-body{padding:2px 10px 12px}.proposals-list{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.proposal-row{display:block;width:100%;padding:8px 10px;flex-shrink:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);font-family:var(--mono);font-size:12px;text-align:left;cursor:pointer}.proposal-row:hover{background:#3f5d6b14}.proposal-row.active{border-color:var(--accent);background:#3f5d6b1f}.proposal-row.applied{opacity:.5}.proposal-summary{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proposal-row.active .proposal-summary{overflow:visible;white-space:normal;line-height:1.35}.btn-apply{width:100%;padding:9px;border:none;border-radius:8px;background:var(--accent);color:var(--paper);font-family:var(--mono);font-size:12px;letter-spacing:.04em;cursor:pointer;transition:background .12s ease}.btn-apply:not(:disabled):hover{background:color-mix(in srgb,var(--accent) 82%,var(--ink))}.btn-apply:disabled{opacity:.45;cursor:default}.proposal-group{padding-bottom:12px}.proposal-group-label{padding:0 4px 4px;font-family:var(--mono);font-size:11px;color:var(--label);overflow:hidden;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;max-height:2.7em}.proposal-item{display:flex;flex-direction:column}.proposal-rationale{margin:2px 4px 4px;padding:6px 8px;border-left:2px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--label);font-family:var(--mono);font-size:11px;line-height:1.45}.proposals-foot{padding:8px 10px 10px;border-top:1px solid var(--panel-line)}.proposals-actions{display:flex;gap:6px}.proposals-actions .btn-ghost,.proposals-actions .btn-apply{flex:1}.tooltip{position:fixed;z-index:8;max-width:260px;padding:7px 10px;background:var(--ink);color:var(--paper);border-radius:7px;box-shadow:0 8px 22px #00000038;font-family:var(--mono);font-size:11.5px;line-height:1.4;pointer-events:none;white-space:normal;overflow-wrap:anywhere}.mood{flex:0 0 auto;display:flex;flex-direction:column;background:var(--panel);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid var(--panel-line);border-radius:12px;box-shadow:0 12px 34px #0000001f;overflow:hidden}.mood-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:none;background:transparent;font-family:inherit;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--label);cursor:pointer}.mood-head:hover{color:var(--ink)}.mood-caret{font-size:10px;letter-spacing:0}.mood-body{position:relative;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px 10px 12px}.mood-body::-webkit-scrollbar{display:none}.mood-drop{position:absolute;top:2px;right:6px;bottom:6px;left:6px;z-index:2;display:grid;place-items:center;border:2px dashed color-mix(in srgb,var(--accent) 60%,transparent);border-radius:12px;background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--accent);font-family:var(--mono);font-size:12px;letter-spacing:.02em;pointer-events:none}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mood-thumb{position:relative;aspect-ratio:1;border-radius:7px;overflow:hidden;border:1px solid var(--panel-line)}.mood-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mood-del{position:absolute;top:3px;right:3px;width:18px;height:18px;display:grid;place-items:center;border:none;border-radius:5px;background:#0000008c;color:#fff;font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease}.mood-thumb:hover .mood-del{opacity:1}.mood-add{display:grid;place-items:center;aspect-ratio:1;border:1px dashed var(--panel-line);border-radius:7px;background:transparent;color:var(--label);font-size:20px;cursor:pointer;transition:color .12s ease,border-color .12s ease}.mood-add:hover{color:var(--accent);border-color:var(--accent)}.mood-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent);border-radius:50%;animation:genie-spin .7s linear infinite}.mood-hint{margin-top:8px;font-size:10px;color:var(--label);text-align:center}.genie-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.genie-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:min(380px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-line);border-radius:13px;box-shadow:0 18px 44px #0003}.genie-label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.genie-input{font-family:var(--mono);font-size:13px;line-height:1.5;padding:10px 12px;border:1px solid var(--panel-line);border-radius:8px;background:var(--paper);color:var(--ink);resize:none;outline:none}.genie-input:focus{border-color:var(--accent)}.genie-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.snackbar{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%);z-index:7;max-width:min(420px,calc(100vw - 32px));padding:10px 16px;background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-line);border-radius:10px;box-shadow:0 12px 34px #0003;font-size:12px;color:var(--ink)}.keygate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:0 22px}.keygate .brand-mark{width:76px;height:76px;margin-bottom:4px}.keygate-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--label)}.keygate-hint{font-size:10.5px;color:var(--label)}.keygate-actions{display:flex;align-items:center;gap:22px;margin-top:6px}.field.wide{width:min(340px,calc(100vw - 64px));text-align:center}.lever{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:4;width:min(460px,calc(100vw - 32px));background:var(--panel);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid var(--panel-line);border-radius:13px;padding:13px 18px 15px;box-shadow:0 12px 34px #00000024}.lever-head{display:flex;justify-content:space-between;align-items:baseline;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--label);margin-bottom:9px}.lever-head .value{color:var(--accent);font-weight:600;letter-spacing:.14em}.lever-track{position:relative;height:16px;margin:6px 0;display:flex;align-items:center}.lever-track:before{content:"";position:absolute;left:0;right:0;height:3px;border-radius:3px;background:var(--accent-track)}.lever input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:-8px;width:calc(100% + 16px);height:16px;background:transparent;outline:none;margin:0}.lever input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2.5px solid var(--accent);cursor:grab;box-shadow:0 2px 6px #0000002e}.lever input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}.lever input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--paper);border:2.5px solid var(--accent);cursor:grab}.lever-stages{display:flex;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--label)}.lever-stages span{flex:1 1 0}.lever-stages span:first-child{text-align:left}.lever-stages span:nth-child(2){text-align:center}.lever-stages span:last-child{text-align:right}.lever-stages span.active{color:var(--accent);font-weight:600}.hint-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:5;max-width:min(92vw,720px);padding:6px 14px;font-size:11px;line-height:1.4;text-align:center;color:var(--label);background:var(--panel);border:1px solid var(--panel-line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.hint-bar kbd{font:inherit;color:var(--ink);background:var(--panel-line);border-radius:4px;padding:0 4px}.home{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;color:var(--ink);padding:0 22px calc(env(safe-area-inset-bottom,0px) + 40px)}.home-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.brand-mark{width:92px;height:92px}.brand-name{font-size:30px;letter-spacing:.02em;font-weight:600}.brand-name.sm{font-size:17px}.brand-tagline{font-size:12.5px;color:var(--label);letter-spacing:.04em;margin-bottom:8px}.gate-hint{font-size:11px;color:var(--label);margin-top:4px}.home-footer{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);display:flex;justify-content:center;gap:22px;font-family:var(--mono);font-size:11px;letter-spacing:.06em}.home-footer a{color:var(--label);text-decoration:none;transition:color .12s ease}.home-footer a:hover{color:var(--accent)}.btn-primary{font-family:var(--mono);font-size:13px;letter-spacing:.03em;padding:11px 22px;border:none;border-radius:10px;background:var(--accent);color:var(--paper);cursor:pointer;transition:filter .12s ease}.btn-primary:hover{filter:brightness(1.08)}.btn-primary.start{align-self:flex-start}.btn-ghost{font-family:var(--mono);font-size:12px;padding:8px 16px;border:1px solid var(--accent);border-radius:8px;background:transparent;color:var(--accent);cursor:pointer;transition:background .12s ease,color .12s ease}.btn-ghost:not(:disabled):hover{background:var(--accent);color:var(--paper)}.btn-ghost:disabled{opacity:.5;cursor:default}.link-action{font-family:var(--mono);font-size:11px;background:none;border:none;color:var(--label);cursor:pointer;padding:2px 4px}.link-action:hover{color:var(--ink)}.link-action.danger{color:#c0442a}.home-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 20px) 0 18px;max-width:900px;margin:0 auto;flex-wrap:wrap}.home-brand{display:flex;align-items:center;gap:10px}.home-brand .brand-mark{width:34px;height:34px}.home-account{display:flex;align-items:center;gap:12px}.account-name{font-size:12px;color:var(--label)}.chip{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:20px;border:1px solid var(--panel-line);background:var(--panel);color:var(--label);cursor:pointer}.key-panel{max-width:380px;margin:0 auto 20px;padding:16px 18px;background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;display:flex;flex-direction:column;gap:10px}.panel-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--label)}.panel-hint{font-size:10.5px;color:var(--label)}.panel-error{font-size:11px;color:#c0442a}.panel-actions{display:flex;align-items:center;justify-content:space-between}.field{font-family:var(--mono);font-size:13px;padding:9px 12px;border:1px solid var(--panel-line);border-radius:8px;background:var(--paper);color:var(--ink);outline:none}.field:focus{border-color:var(--accent)}.home-body{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.drawings-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--label);margin-top:6px}.drawings-empty{font-size:12.5px;color:var(--label);padding:20px 0}.drawings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.drawing-card{position:relative;background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.drawing-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0000001f}.card-thumb{height:96px;display:grid;place-items:center;background:var(--paper);border-bottom:1px solid var(--panel-line)}.card-thumb img{width:52px;height:52px;opacity:.9}.card-meta{padding:10px 12px}.card-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-date{font-size:10.5px;color:var(--label);margin-top:2px}.card-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:7px;background:var(--panel);color:var(--label);cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease}.drawing-card:hover .card-delete{opacity:1}.card-delete:hover{color:#c0442a}.card-clone{position:absolute;top:8px;right:40px;width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:7px;background:var(--panel);color:var(--label);cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease}.drawing-card:hover .card-clone{opacity:1}.card-clone:hover{color:var(--accent)}.card-confirm{position:absolute;top:8px;right:8px;display:flex;gap:6px;background:var(--panel);border:1px solid var(--panel-line);border-radius:8px;padding:3px 6px}.new-card{border-style:dashed;border-color:var(--accent)}.card-thumb.new{color:var(--accent);background:#3f5d6b0f}.new-card .card-title{color:var(--accent)}