#studio-button{gap:6px;color:#667d58}.studio-panel{position:absolute;right:20px;top:58px;z-index:85;width:390px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 174px);overflow:auto;scrollbar-width:thin;background:#fffef9;border:1px solid #dde5d3;border-radius:17px;box-shadow:0 20px 60px #334b2726;padding:21px;color:#45543b}.studio-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.studio-heading>div>span{font-size:8px;letter-spacing:1.5px;color:#9aa68e}.studio-heading h2{font:24px/1.2 var(--serif);margin:8px 0 18px;letter-spacing:-.5px}.studio-heading>button{font-size:24px;color:#92a184}.studio-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:5px;gap:4px;background:#f0f3e8;border-radius:11px;margin-bottom:18px}.studio-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;padding:9px 5px;border-radius:7px;color:#919d81}.studio-tabs b{font-size:12px;font-weight:500}.studio-tabs button.active{color:#526b42;background:#fffefa;box-shadow:0 2px 5px #485b2510}.studio-intro{color:#8b977f;font-size:11px;line-height:1.75;margin:0 0 17px}.studio-field{display:block;color:#7e8e6a;font-size:10px;margin:14px 0}.studio-field input,.studio-field select,.studio-panel textarea{display:block;width:100%;padding:10px 12px;margin-top:7px;background:#fafbf6;border:1px solid #e0e6d5;border-radius:8px;outline-offset:1px;color:#566747;font-size:11px}.studio-field input::placeholder,.studio-panel textarea::placeholder{color:#a8b19a}.studio-panel textarea{min-height:85px;resize:vertical;font-size:10px;line-height:1.6}.studio-content>button:not(.media-upload),.studio-row button{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;padding:11px 10px;border:1px solid #dfe6d3;border-radius:8px;font-size:10px;color:#73885c;margin:9px 0}.studio-content>button.studio-primary{background:#dce9b8;border-color:#d3e0ac;color:#54673a;font-weight:600}.studio-content button:hover:not(:disabled){filter:brightness(.985)}.studio-hint{font-size:9px;line-height:1.75;color:#a0aa93;margin:10px 0 16px}.studio-empty{border:1px dashed #e0e6d5;border-radius:10px;padding:24px 15px;text-align:center;color:#a1ac92;font-size:10px;margin:16px 0}.studio-row{display:flex;gap:8px}.studio-check{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:10px;color:#7f8d72;margin:10px 0}.studio-check input{accent-color:#8fa56b}.studio-check small{font-size:8px;color:#a4ad98;margin-left:5px}.studio-tip{padding:15px;background:#f2f5e9;border:1px solid #e6ecd9;border-radius:11px;margin:15px 0;font-size:11px;color:#7e8d6c}.studio-tip b{font-weight:600}.studio-tip p{font-size:10px;line-height:1.7;margin-bottom:0}.studio-label{font-size:9px;letter-spacing:1px;margin:18px 0 10px;color:#9cab8b}.scene-item{display:grid;grid-template-columns:27px 1fr 22px;gap:9px;padding:13px 9px;margin:9px 0;border:1px solid #e4e9da;border-radius:11px;background:#fcfdf8}.scene-item.active{border-color:#b4c797;background:#f6f9ed}.scene-number{border-radius:50%;background:#e8efda;font-size:10px;color:#7c925c;width:25px;height:25px;margin-top:1px}.scene-item>div>input{width:100%;border:0;background:none;color:#667d51;font:600 11px var(--sans);padding:5px 0}.scene-item small{display:block;font-size:9px;color:#a3ae94;margin:4px 0}.scene-item details{font-size:9px;color:#929f80;margin:9px 0}.scene-item summary{cursor:pointer}.scene-actions{display:flex;flex-direction:column;gap:3px}.scene-actions button{color:#a1ad8d;padding:3px;border-radius:4px}.scene-order{display:flex;flex-direction:column;gap:5px;max-height:120px;overflow:auto;margin:8px 0 0}.scene-order>span{display:flex;align-items:center;justify-content:space-between;color:#9aa58d;font-size:8px;line-height:1.4}.scene-order button{font-size:12px;padding:0 4px;color:#819666}.studio-layouts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:20px 0 8px}.studio-layouts button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 3px;border:1px solid #e2e8d8;background:#f8faf3;border-radius:9px;font-size:9px;color:#899b73}.studio-layouts b{font-size:20px;font-weight:400}.studio-group-list>div{display:flex;align-items:center;gap:6px;border-bottom:1px solid #e9ecdf;padding:9px 0}.studio-group-list input:not([type=color]){min-width:0;flex:1;border:0;background:none;font-size:10px;color:#7f906a}.studio-group-list input[type=color]{width:23px;height:23px;padding:1px;border:0;background:none}.studio-group-list button{padding:3px;color:#8e9d78}.quote-choices{display:flex;gap:7px;margin:10px 0 20px}.quote-preview{flex:1;padding:11px 7px 15px;min-height:110px;border:1px solid #e6e3d4;border-radius:9px;font:9px/1.5 var(--sans);color:#8c816c}.quote-preview b{display:block;font:40px/1 var(--serif);opacity:.5}.quote-preview.active{outline:2px solid #a2b888;outline-offset:2px}.quote-paper{background:#f2e6cd}.quote-glass{background:linear-gradient(130deg,#e5eee4cc,#d8e5eacc);box-shadow:inset 0 0 0 1px #fff9}.quote-book{background:repeating-linear-gradient(#fffdf1 0 15px,#ece9da 15px 16px)}.node-quote[data-quote-style=glass]{background:linear-gradient(125deg,color-mix(in srgb,var(--card-color),white 40%) 0%,#ffffff85 100%);backdrop-filter:blur(12px);border:1px solid #fff9;box-shadow:0 12px 35px #3d55441a,inset 0 0 0 1px #ffffff60;border-radius:18px}.node-quote[data-quote-style=book]{border-left:7px double #d0c5a1;background:repeating-linear-gradient(#fffcef 0 31px,#e5dfcc66 31px 32px);box-shadow:4px 5px 0 #eee8d5,7px 8px 0 #ddd4bb;border-radius:1px}.node-quote[data-quote-style=book] .quote-mark{font-style:italic}.card-badge{position:absolute;right:13px;top:-12px;padding:4px 11px;border-radius:6px;box-shadow:0 2px 5px #45523515;color:#776640;background:#f8e9aa;font:9px/1.5 var(--sans);z-index:9}.card-badge[data-badge=Готово]{background:#d7e7bc;color:#627d48}.card-badge[data-badge=Вопрос]{background:#dfdcf1;color:#827199}.card-badge[data-badge=Важно]{background:#f0cfc7;color:#a56357}.rich-bar{position:fixed;z-index:180;display:flex;align-items:center;gap:3px;padding:6px;border:1px solid #d8e2ca;border-radius:10px;background:#fffef8;box-shadow:0 8px 25px #31442726;color:#7b8c65}.rich-bar>span{font:7px var(--sans);letter-spacing:1px;padding:0 7px}.rich-bar button{width:29px;height:28px;border-radius:5px;font-size:16px}.rich-bar button:hover{background:#eff3e6}.rich-bar input{width:25px;height:25px;border:0;padding:2px;background:none}.media-upload{width:100%;padding:28px 15px;border:1px dashed #bcca9e;border-radius:14px;background:#f6f9ee;color:#7a915c;display:flex;flex-direction:column;align-items:center;gap:9px}.media-upload>span{font-size:32px;line-height:1}.media-upload strong{font-size:12px;font-weight:600}.media-upload small{font-size:9px;color:#9baa87}.node-video,.node-audio{padding:20px;border:1px solid #e6e8de;border-radius:13px;background:#fffdf7;box-shadow:0 7px 18px #34452b13}.media-kicker{font-size:8px;letter-spacing:1.5px;color:#a1ad8f;margin-bottom:10px}.media-title{font:500 19px/1.4 var(--sans);margin-bottom:16px;white-space:pre-wrap;color:#596b48}.video-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#253b32}.video-frame video{width:100%;height:100%;display:block;object-fit:contain;cursor:auto}.media-poster-button{font-size:9px;color:#97a486;padding:12px 0 0}.node-audio audio{width:100%;height:34px;margin-top:13px;display:block}.audio-wave{display:flex;align-items:center;justify-content:space-between;height:70px;gap:3px;border-radius:9px;padding:8px;background:#f0f4e8}.audio-wave i{width:4px;flex:1;max-width:6px;background:#b4c69c;border-radius:8px;transform-origin:center}.media-playing .audio-wave i{animation:wave-pulse .9s ease-in-out infinite alternate}.media-playing .audio-wave i:nth-child(3n){animation-delay:-.4s}.media-playing .audio-wave i:nth-child(2n){animation-delay:-.7s}.template-list{display:grid;gap:10px}.template-card{display:flex;align-items:center;gap:14px;padding:20px 14px;border:1px solid #e2e8d7;border-radius:11px;text-align:left;background:#f4f7eb}.template-card>b{font-size:28px;line-height:1;color:#91a379}.template-card span{display:flex;flex-direction:column;gap:5px;flex:1}.template-card strong{font:17px var(--serif);color:#62754e}.template-card small{font-size:9px;color:#94a080}.template-card i{color:#a4b68a;font-style:normal}.template-video{background:#e5eaf1;border-color:#d8e0eb}.template-mood{background:#f5e4df;border-color:#ead7d0}.template-goals{background:#f7efd9;border-color:#eee3c7}.template-mind{background:#e4eedf;border-color:#d8e4d1}.version-card{padding:15px 0;border-bottom:1px solid #e3e9d9}.version-card>strong{display:block;font-size:12px;font-weight:600;color:#73875c}.version-card>small{display:block;font-size:9px;color:#a3ad96;margin:6px 0 12px}.version-card>div{display:flex;gap:6px}.version-card button{padding:7px 9px;font-size:9px;border:1px solid #dce5cf;border-radius:6px;color:#8a9c73}.board-group{position:absolute;border:1.5px solid var(--group-color);border-radius:17px;background:color-mix(in srgb,var(--group-color),transparent 89%);pointer-events:none;z-index:-1}.group-heading{height:45px;display:flex;align-items:center;gap:8px;padding:0 15px;pointer-events:auto;cursor:grab;color:#667d50;touch-action:none}.group-heading strong{font:600 14px var(--sans);flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.group-heading button{padding:5px;font-size:17px}.group-grip{font-size:20px;color:#97ac7f}.group-count{font:9px var(--sans);color:#97a882;margin:0 15px;pointer-events:none}.board-group:not(.is-collapsed) .group-count{position:absolute;right:12px;bottom:12px}.group-resize{position:absolute;width:23px;height:23px;right:0;bottom:0;pointer-events:auto;cursor:nwse-resize}.group-resize:after{content:'◢';position:absolute;right:6px;bottom:3px;font-size:11px;color:#97ac7f}#board-groups{position:absolute;inset:0;pointer-events:none;z-index:-1}.node.multi-selected{outline:2px solid #8ba665;outline-offset:7px;box-shadow:0 0 0 11px #d9e8bc45}.snap-guides{pointer-events:none;position:absolute;left:0;top:0;z-index:15}.snap-guides i{position:absolute;display:block}.snap-x{border-left:1px dashed #c9976a}.snap-y{border-top:1px dashed #c9976a}.story-hidden{visibility:hidden!important;pointer-events:none!important}.story-enter{animation:story-appear .45s ease-out}.story-edge-enter path:not(.edge-hit){stroke-dasharray:2000;animation:edge-reveal .8s ease-out both}.story-hud{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;z-index:100;display:flex;align-items:center;gap:24px;padding:12px 18px;background:#fffef9ed;border:1px solid #dbe4ce;border-radius:13px;box-shadow:0 5px 20px #283b2812;backdrop-filter:blur(10px);max-width:calc(100vw - 30px)}.story-progress{display:flex;flex-direction:column;gap:3px;min-width:130px;max-width:230px}.story-progress>span{font-size:8px;color:#a2af90;letter-spacing:1px}.story-progress>strong{font:14px var(--serif);color:#61754c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-progress>small{font-size:8px;color:#a4af94}.story-buttons{display:flex;align-items:center;gap:5px}.story-buttons button{height:29px;min-width:29px;font-size:16px;color:#94a67e;border-radius:6px}.story-buttons button.active{background:#e5eed7;color:#617f49}.story-buttons i{display:block;width:1px;height:20px;background:#dfe6d4;margin:0 5px}.story-notes{position:absolute;bottom:calc(100% + 10px);left:0;right:0;padding:16px 20px;white-space:pre-wrap;background:#fffdf5f0;border:1px solid #e0e6d4;border-radius:12px;font:12px/1.7 var(--sans);color:#7e8c6e}.story-spotlight{position:absolute;z-index:9;pointer-events:none;border-radius:12px;box-shadow:0 0 0 20000px #14231885;border:2px solid #d7e5acbb;transition:left .12s,top .12s,width .12s,height .12s}.story-ink{position:absolute;inset:0;width:100%;height:100%;z-index:15;pointer-events:none;overflow:visible}.story-mark{fill:none;stroke:#d56e5c;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.8;transition:opacity .65s}.fade-ink{opacity:0}.laser-dot{fill:#e75745;filter:drop-shadow(0 0 4px #ff665a);animation:laser-fade .85s linear forwards}body.presentation .board-group .group-resize,body.presentation .board-group button,body.presentation .media-poster-button{display:none}body.presentation .group-heading{cursor:default}@keyframes story-appear{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}@keyframes edge-reveal{from{stroke-dashoffset:2000}to{stroke-dashoffset:0}}@keyframes laser-fade{to{opacity:0;r:1}}@keyframes wave-pulse{to{transform:scaleY(.45)}}@media(max-width:1440px){#studio-button>span{display:none}}@media(max-width:720px){.studio-panel{right:12px;top:50px;max-height:calc(100dvh - 147px);padding:18px}.story-hud{gap:10px;padding:9px;bottom:14px}.story-progress{min-width:75px;max-width:125px}.story-buttons{gap:1px}.story-buttons button{min-width:25px}.story-buttons i{margin:0 2px}.story-progress>strong{font-size:11px}}@media(prefers-reduced-motion:reduce){.story-enter,.story-edge-enter path,.audio-wave i{animation:none!important}.story-spotlight{transition:none}}
.audio-recording-status{position:fixed;right:24px;bottom:25px;z-index:150;display:flex;align-items:center;gap:15px;padding:13px 16px;border:1px solid #e9c0b5;border-radius:12px;background:#fff9f1;box-shadow:0 5px 25px #68403625;color:#b06b5b;font:11px var(--sans)}.audio-recording-status button{padding:7px 10px;border-radius:6px;background:#eed7c9;color:#8c5b4c;font-size:10px}