:root{--paper:#fffdf9;--ink:#262420;--muted:#8a7c6a;--line:rgba(38,36,32,0.12);--accent:#ffb24d}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:Segoe UI Variable Display,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.studio{position:fixed;inset:0;overflow:hidden}.studio[data-view=liminal]{background:#efeae1}.world{position:absolute;inset:0;z-index:2;transform-origin:0 0;pointer-events:none;will-change:transform}.world[data-flying=true]{transition:transform .52s cubic-bezier(.4,0,.2,1)}.liminal-backdrop{position:absolute;inset:0;z-index:1;cursor:-webkit-grab;cursor:grab}.liminal-backdrop:active{cursor:-webkit-grabbing;cursor:grabbing}.page-object{position:absolute;pointer-events:auto}.studio[data-view=liminal] .page-object{cursor:pointer}.plane-layer{left:0;top:0;width:0;height:0}.plane-ink,.plane-layer{position:absolute}.plane-ink .sketch-canvas{z-index:auto}.page-clip{position:absolute;inset:0;overflow:hidden;background:var(--paper);border-radius:12px}.studio[data-view=liminal] .page-clip{border:1px solid var(--line);box-shadow:0 24px 70px rgba(60,50,30,.18)}.page-object-titlebar{position:absolute;left:0;right:0;top:-34px;height:30px;display:flex;align-items:center;gap:10px;padding:0 12px;background:rgba(255,253,249,.95);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px rgba(60,50,30,.14)}.page-object-name{font-size:12px;font-weight:600;color:var(--muted)}.page-chrome{position:fixed;top:0;left:0;right:0;height:72px;z-index:45;display:flex;flex-direction:column;background:rgba(255,253,249,.92);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-chrome-titlebar{display:flex;align-items:center;height:34px;padding:0 14px}.page-chrome-titlebar .traffic-light-close{border:none;padding:0;cursor:pointer}.page-chrome-titlebar .traffic-light-close:hover{filter:brightness(.92)}.page-chrome-name{flex:1 1;text-align:center;margin-right:52px;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.01em}.page-tabs{display:flex;align-items:stretch;gap:2px;height:38px;padding:0 10px}.page-tab{padding:0 14px;font:inherit;font-size:12px;font-weight:600;color:var(--muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .13s ease,border-color .13s ease}.page-tab-on,.page-tab:hover{color:var(--ink)}.page-tab-on{border-bottom-color:var(--accent)}.page-layer{position:absolute;inset:0;pointer-events:none}.page-layer[data-interactive=true]{pointer-events:auto}.edit-glaze{position:absolute;inset:0;z-index:5;background:rgba(255,255,255,.55);opacity:0;transition:opacity .2s ease;pointer-events:none}.studio[data-mode=edit] .edit-glaze{opacity:1}.preview-layer{z-index:15}.studio[data-phase=preview] .sketch-canvas,.studio[data-phase=preview] .text-layer{opacity:.16}.sketch-canvas,.text-layer{transition:opacity .22s ease}.sketch-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:10;pointer-events:auto}.sketch-canvas[data-tool=pen]{cursor:crosshair}.sketch-canvas[data-tool=text]{cursor:text}.sketch-canvas[data-tool=eraser]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='rgba(255,255,255,0.4)' stroke='rgba(38,36,32,0.65)' stroke-width='1.5'/%3E%3C/svg%3E") 16 16,crosshair}.sketch-canvas[data-tool=select]{pointer-events:none}.sketch-canvas[data-hidden=true],.text-layer[data-hidden=true]{opacity:0;pointer-events:none}.text-layer{position:absolute;inset:0;pointer-events:none;z-index:11}.text-item{position:absolute;font-size:17px;font-weight:600;line-height:22px;white-space:pre;pointer-events:auto}.text-item-editing{min-width:120px;padding:0;font:inherit;background:transparent;border:none;border-bottom:1.5px dashed;outline:none}.text-item-editing::placeholder{color:currentColor;opacity:.35}.shaking{animation:shake .46s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{0%{transform:translate(0) rotate(0deg);opacity:1}15%{transform:translate(-9px,3px) rotate(-.6deg)}30%{transform:translate(8px,-4px) rotate(.5deg);opacity:.75}45%{transform:translate(-7px,4px) rotate(-.4deg)}60%{transform:translate(6px,-3px) rotate(.3deg);opacity:.4}75%{transform:translate(-4px,2px) rotate(-.2deg)}to{transform:translate(0) rotate(0deg);opacity:0}}.editable{position:absolute;transition:filter .22s ease}.editable-on{cursor:-webkit-grab;cursor:grab}.editable-on:active{cursor:-webkit-grabbing;cursor:grabbing}.editable-on>.el *{pointer-events:none}.editable-on:hover{outline:1.5px solid rgba(38,36,32,.18);outline-offset:3px;border-radius:4px}.editable-selected,.editable-selected:hover{outline:1.5px solid var(--accent);outline-offset:3px;border-radius:4px}.editable-drop,.editable-drop:hover{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px;box-shadow:0 0 0 7px rgba(255,178,77,.2)}.handle{position:absolute;width:12px;height:12px;background:var(--paper);border:1.5px solid var(--accent);border-radius:3px;pointer-events:auto}.handle-se{right:-8px;bottom:-8px;cursor:nwse-resize}.el-tools{position:absolute;top:-34px;left:0;display:flex;gap:4px;pointer-events:auto}.el-tool{padding:4px 10px;font:inherit;font-size:11px;font-weight:600;color:var(--ink);background:rgba(255,253,249,.96);border:1px solid var(--line);border-radius:999px;cursor:pointer;box-shadow:0 3px 10px rgba(60,50,30,.12);white-space:nowrap}.el-tool:hover{border-color:rgba(38,36,32,.3)}.el-tool-danger:hover{color:#c0392f;border-color:rgba(192,57,47,.4)}.file-input{display:none}.el{position:absolute;display:flex;align-items:center}.el-preview{opacity:.9;outline:1.5px dashed var(--accent);outline-offset:6px;border-radius:6px}.ui-button{width:100%;height:100%;padding:0 18px;font:inherit;font-size:15px;font-weight:600;color:#fff;border:none;border-radius:9px;cursor:pointer;box-shadow:0 1px 2px rgba(40,30,10,.14);transition:filter .14s ease}.ui-button:hover{filter:brightness(1.07)}.ui-input{width:100%;height:100%;padding:0 14px;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:9px;outline:none;transition:border-color .14s ease}.ui-input:focus{border-color:var(--accent)}.ui-heading{font-size:27px;font-weight:700;letter-spacing:-.01em}.ui-paragraph{font-size:15px;line-height:1.6;color:var(--muted)}.ui-card{position:relative;width:100%;height:100%;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(40,30,10,.05),0 10px 26px rgba(40,30,10,.07);overflow:hidden}.ui-card-bar{position:absolute;inset:0 0 auto 0;height:4px}.ui-card-title{font-size:16px;font-weight:650}.ui-checkbox{display:grid;place-items:center;width:100%;height:100%;padding:0;background:#fff;border:1.5px solid var(--accent);border-radius:5px;cursor:pointer}.ui-checkbox svg{width:78%;height:78%}.ui-toggle{display:flex;align-items:center;width:100%;height:100%;padding:3px;border:none;border-radius:999px;cursor:pointer}.ui-toggle-knob{height:100%;aspect-ratio:1;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.22)}.ui-divider{width:100%;height:2px;border-radius:2px;opacity:.45}.ui-image{display:grid;place-items:center;background:rgba(38,36,32,.03);border:1.5px dashed var(--line)}.ui-image,.ui-image-uploaded{width:100%;height:100%;border-radius:10px}.ui-image-uploaded{object-fit:cover;display:block}.ui-avatar{display:grid;place-items:center;width:100%;height:100%;font-weight:700;color:#fff;border-radius:50%}.confirm-bar,.thinking{position:absolute;z-index:20;display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,253,249,.95);border:1px solid var(--line);border-radius:999px;box-shadow:0 6px 20px rgba(60,50,30,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.thinking .dot{width:5px;height:5px;background:var(--accent);border-radius:50%;animation:pulse 1.1s ease-in-out infinite}.thinking .dot:nth-child(2){animation-delay:.16s}.thinking .dot:nth-child(3){animation-delay:.32s}@keyframes pulse{0%,to{opacity:.28;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.thinking-label{margin-left:4px;font-size:12px;color:var(--muted)}.confirm-guess{display:flex;align-items:baseline;gap:6px;font-size:13px;font-weight:650}.confirm-confidence{font-size:11px;font-weight:500;color:var(--muted)}.confirm-alts{display:flex;gap:4px;padding-left:8px;border-left:1px solid var(--line)}.alt{padding:3px 9px;font:inherit;font-size:11px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:all .13s ease}.alt:hover{color:var(--ink);border-color:rgba(38,36,32,.32)}.confirm-btn{padding:5px 13px;font:inherit;font-size:12px;font-weight:650;color:#fff;background:var(--ink);border:none;border-radius:999px;cursor:pointer}.confirm-btn:hover{filter:brightness(1.25)}.toolbar-slot{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:50}.toolbar{gap:6px;padding:8px 12px;background:rgba(255,253,249,.94);border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 26px rgba(60,50,30,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-group,.toolbar{display:flex;align-items:center}.tool-group{gap:4px}.tool-sep{width:1px;height:20px;margin:0 5px;background:var(--line)}.tool{position:relative;display:grid;place-items:center;width:30px;height:30px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .13s ease}.tool,.tool-key{color:var(--muted)}.tool-key{position:absolute;right:1px;bottom:0;font-size:8px;font-weight:700;line-height:1;opacity:.75;pointer-events:none}.tool-on .tool-key,.tool:hover{color:var(--ink)}.tool:hover{background:rgba(38,36,32,.05)}.tool-on{color:var(--ink);background:rgba(38,36,32,.09)}.swatch{width:20px;height:20px;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:transform .13s ease}.swatch:hover{transform:scale(1.14)}.swatch-on{border-color:var(--paper);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),0 0 0 2px var(--ink)}.swatch-custom{display:grid;place-items:center;background:transparent}.swatch-wheel{width:100%;height:100%;border-radius:50%;background:conic-gradient(#f2555a,#ffb24d,#35b87f,#4d8bff,#a56cf5,#f2555a)}.color-input{width:0;height:0;padding:0;border:none;opacity:0;pointer-events:none}.brush-indicator{display:grid;place-items:center;width:26px;height:26px}.brush-dot{background:var(--ink);border-radius:50%;transition:width .13s ease,height .13s ease}.brush-flash-slot{position:fixed;top:72px;left:50%;transform:translateX(-50%);z-index:50;pointer-events:none}.brush-flash{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;background:rgba(255,253,249,.95);box-shadow:0 6px 20px rgba(60,50,30,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brush-flash,.text-btn{color:var(--muted);border:1px solid var(--line);border-radius:999px}.text-btn{padding:5px 11px;font:inherit;font-size:12px;background:transparent;cursor:pointer;transition:all .13s ease}.text-btn:hover:not(:disabled){color:var(--ink);border-color:rgba(38,36,32,.3)}.text-btn:disabled{opacity:.4;cursor:default}.hint-slot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hint,.hint-slot{pointer-events:none}.hint{text-align:center}.hint-title{font-size:28px;font-weight:300;color:rgba(38,36,32,.3)}.hint-sub{margin-top:8px;font-size:13px;color:rgba(38,36,32,.24)}.statusbar-slot{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:50}.statusbar{display:flex;align-items:center;gap:5px;padding:7px 14px;font-size:12px;color:var(--muted);background:rgba(255,253,249,.86);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.statusbar-sep{width:1px;height:12px;margin:0 7px;background:var(--line)}.logotype{display:inline-flex;align-items:center;gap:.42em;line-height:1;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logotype-mark{color:var(--accent);flex-shrink:0}.logotype-word{letter-spacing:-.015em;color:var(--ink)}.logotype-mao{font-weight:300}.logotype-bi{font-weight:650}.watermark{top:20px;left:22px;z-index:40}.preloader,.watermark{position:fixed;pointer-events:none}.preloader{inset:0;z-index:200;display:grid;place-items:center;background:var(--paper)}.quote-slot{position:fixed;bottom:34px;left:50%;transform:translateX(-50%);z-index:50;max-width:min(620px,82vw)}.quote{font-size:14px;font-style:italic;font-weight:300;line-height:1.6;text-align:center;color:rgba(38,36,32,.34);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.mode-toggle{position:fixed;top:20px;right:22px;z-index:60;display:flex;align-items:center;gap:6px;padding:7px 14px;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);background:rgba(255,253,249,.9);border:1px solid var(--line);border-radius:999px;cursor:pointer;box-shadow:0 4px 14px rgba(60,50,30,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mode-toggle:hover{color:var(--ink)}.mode-toggle[data-editing=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}.mode-toggle[data-editing=true]:hover{color:#fff}.welcome-cta-wrap{position:fixed;inset:0;z-index:55;flex-direction:column;justify-content:center;gap:14px;pointer-events:none}.welcome-cta,.welcome-cta-wrap{display:flex;align-items:center}.welcome-cta{pointer-events:auto;gap:12px;padding:20px 42px;font:inherit;font-size:21px;font-weight:650;color:var(--paper);background:var(--ink);border:1px solid var(--ink);border-radius:999px;cursor:pointer;box-shadow:0 10px 34px rgba(38,36,32,.28)}.welcome-hint{font-size:13px;color:var(--muted);background:rgba(255,253,249,.85);padding:4px 12px;border-radius:999px}.frame-toggle{position:fixed;top:20px;right:106px;z-index:60;display:flex;align-items:center;gap:6px;padding:7px 14px;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink);background:var(--accent);border:1px solid var(--accent);border-radius:999px;cursor:pointer;box-shadow:0 4px 14px rgba(60,50,30,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.frame-toggle:disabled{opacity:.6;cursor:default}.layer-rail-slot{position:fixed;top:50%;right:16px;transform:translateY(-50%);z-index:55;pointer-events:none}.layer-rail{display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:auto}.layer-line{position:relative;display:block;padding:5px 0;background:transparent;border:none;cursor:pointer}.layer-line-ink{display:block;width:22px;height:2px;border-radius:2px;background:var(--line);transition:background .13s ease,width .13s ease}.layer-line:hover .layer-line-ink{background:rgba(38,36,32,.4)}.layer-line[data-active=true] .layer-line-ink{width:28px;background:var(--ink)}.layer-label{position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);padding:3px 9px;font-size:11px;font-weight:600;white-space:nowrap;color:var(--muted);background:rgba(255,253,249,.95);border:1px solid var(--line);border-radius:999px;box-shadow:0 3px 10px rgba(60,50,30,.1);opacity:0;transition:opacity .13s ease;pointer-events:none}.layer-line:focus-visible .layer-label,.layer-line:hover .layer-label{opacity:1}.layer-all{width:10px;height:10px;margin:0 6px 4px 0;padding:0;background:transparent;border:1.5px solid var(--muted);border-radius:50%;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .13s ease,border-color .13s ease}.layer-all[data-on=true]{opacity:1;pointer-events:auto}.layer-all:hover{border-color:var(--ink)}.frame-error{position:fixed;top:64px;right:22px;z-index:60;max-width:320px;padding:8px 14px;font-size:12.5px;color:#8a3b32;background:rgba(255,245,242,.95);border:1px solid rgba(198,85,72,.35);border-radius:10px;box-shadow:0 4px 14px rgba(60,50,30,.1)}.book-fab{position:fixed;left:18px;bottom:64px;z-index:55;display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--muted);background:rgba(255,253,249,.92);border:1px solid var(--line);border-radius:12px;cursor:-webkit-grab;cursor:grab;box-shadow:0 4px 14px rgba(60,50,30,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none}.book-fab:hover{color:var(--ink)}.book-fab:active{cursor:-webkit-grabbing;cursor:grabbing}.book-panel{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:56;width:320px;max-height:min(78vh,640px);overflow-y:auto;padding:14px 16px 16px;background:rgba(255,253,249,.97);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 36px rgba(60,50,30,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12.5px}.book-head{display:flex;align-items:baseline;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.book-head strong{font-size:14px}.book-head span{color:var(--muted);font-size:11.5px}.book-close{margin-left:auto;font:inherit;font-size:16px;line-height:1;color:var(--muted);background:none;border:none;cursor:pointer}.book-close:hover{color:var(--ink)}.book-panel section{margin-top:12px}.book-panel h4{margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.book-row{display:flex;gap:10px;padding:2.5px 0}.book-key{flex:0 0 45%;font-weight:600;color:var(--ink)}.book-note,.book-val{color:var(--muted)}.book-note{margin-top:5px;font-size:11px;font-style:italic}.book-tricks{margin:0;padding-left:16px;color:var(--muted);display:grid;grid-gap:5px;gap:5px}kbd{padding:2px 6px;font-family:inherit;font-size:11px;font-weight:600;color:var(--ink);background:rgba(38,36,32,.06);border:1px solid var(--line);border-radius:5px}.page-window{position:absolute;inset:0;pointer-events:none;border:1px solid var(--line);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.page-window-titlebar{position:absolute;top:0;left:0;right:0;height:32px;display:flex;align-items:center;padding:0 14px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom:1px solid var(--line);background:rgba(255,253,249,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.traffic-lights{display:flex;gap:8px}.traffic-light{width:12px;height:12px;border-radius:50%;display:block}.traffic-light-close{background:#ff5f57}.traffic-light-min{background:#febc2e}.traffic-light-max{background:#28c840}.traffic-light.is-toggle{border:none;padding:0;cursor:pointer;position:relative;transition:filter .12s ease,transform .12s ease}.traffic-light.is-toggle:hover{filter:brightness(1.05);transform:scale(1.12)}.traffic-light.is-toggle:hover:after{content:"";position:absolute;inset:3px;border-radius:1px;border:1px solid rgba(0,0,0,.55)}.page-window-name{flex:1 1;text-align:center;margin-right:44px;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.01em}.studio .toolbar-slot{top:86px}.studio .brush-flash-slot{top:138px}.studio .watermark{top:86px}.studio[data-view=liminal] .toolbar-slot{top:auto;bottom:24px}