:root{font-family:'DM Sans',system-ui,Arial,sans-serif;color:#e7e7dc;background:#101e21;font-synthesis:none;font-size:13px}
*{box-sizing:border-box}html,body{width:100%;height:100%;padding:0;margin:0}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #eec67a;outline-offset:3px}.app{position:relative;width:100%;height:100dvh;min-height:600px;overflow:hidden;background:#132a30}.viewport{position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block;touch-action:none}.wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,20,22,.43),transparent 42%,transparent 65%,rgba(9,20,22,.34)),linear-gradient(0deg,rgba(5,20,23,.64),transparent 19%,transparent 75%,rgba(5,20,23,.29))}.topbar{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;align-items:center;gap:19px;padding:24px 30px 24px;min-height:107px;border-bottom:1px solid rgba(245,225,180,.19);background:linear-gradient(180deg,rgba(11,24,27,.89),rgba(11,24,27,.49));backdrop-filter:blur(11px)}.logo{height:55px;width:55px;border:1px solid #b9a078;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#e7c58b;gap:3px}.logo>span:first-child{font-size:27px}.logo-lines{font:600 10px/1.2 Georgia;letter-spacing:.04em}.heading-group{min-width:180px}.eyebrow{font-size:9px;letter-spacing:.22em;font-weight:700;color:#caaf7b;margin-bottom:6px}.heading-group h1{font:500 27px/1 'Playfair Display',Georgia,serif;letter-spacing:.02em;margin:0}.heading-group h1 span{font-size:18px;color:#cbbba2}.subtitle{font-size:11px;color:#aebdbc;margin-top:7px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.live-indicator{font-size:11px;text-transform:uppercase;letter-spacing:.12em;display:flex;gap:9px;align-items:center;color:#c9cfc7}.dot{width:7px;height:7px;background:#bbd6a8;border-radius:50%;box-shadow:0 0 9px #b5d7a8}.dot.stopped{background:#c7a98b;box-shadow:none}.language-picker{display:flex;align-items:center;gap:9px;color:#c5c2b7;font-size:10px}.language-picker select{background:#203234;color:#f2e6cd;border:1px solid #60706b;padding:9px 11px;border-radius:2px}.icon-btn{width:37px;height:37px;border:1px solid #667770;color:#eddcb8;background:rgba(10,30,32,.6);font:600 21px Georgia}.panel{position:absolute;z-index:3;top:128px;bottom:80px;background:rgba(13,29,30,.91);backdrop-filter:blur(15px);border:1px solid rgba(211,192,149,.22);box-shadow:0 15px 50px rgba(8,17,19,.24)}.left-panel{left:27px;width:284px;display:flex;flex-direction:column}.right-panel{right:27px;width:302px;display:flex;flex-direction:column}.panel-heading{min-height:55px;padding:0 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(237,222,181,.15);color:#efdfb9;font-size:9px;letter-spacing:.16em;font-weight:700;white-space:nowrap}.mini-ornament{color:#e0aa63;font-size:19px;font-weight:400}.edition{font-size:8px;margin-left:auto;color:#899d95}.control-scroll{overflow:auto;padding:7px 20px 20px;scrollbar-width:thin}.control-scroll section{padding:14px 0 18px;border-bottom:1px solid rgba(237,222,181,.16)}.control-scroll h2{font-size:9px;letter-spacing:.21em;color:#cdab72;margin:2px 0 20px}.slider-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.slider-head label,.input-caption,.switch-row{font-size:12px;color:#e2e1d6}.slider-head output{color:#f2d2a0;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#dfb572;cursor:pointer;height:3px;margin:5px 0 8px}.range-labels{font-size:9px;color:#96a49e;display:flex;justify-content:space-between;margin-bottom:21px}.input-caption{display:block;margin-bottom:10px}.styled-select{width:100%;padding:12px;background:#192e30;border:1px solid #53625d;color:#f0e6d4;border-radius:2px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid rgba(231,225,193,.09);cursor:pointer}.switch-row.no-divider{border-bottom:0;padding-top:18px}.switch-row input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{position:relative;border-radius:30px;width:36px;height:19px;background:#425752;box-shadow:inset 0 0 0 1px rgba(250,235,194,.12);transition:background .2s;flex-shrink:0}.switch-track:after{content:'';position:absolute;top:3px;left:3px;background:#bdc4b7;width:13px;height:13px;border-radius:50%;transition:transform .2s}.switch-row input:checked+.switch-track{background:#ad8147}.switch-row input:checked+.switch-track:after{transform:translateX(17px);background:#fff0cc}.switch-row input:focus-visible+.switch-track{outline:2px solid #eec67a;outline-offset:2px}.button-stack{display:grid;gap:7px}.action-btn{background:#263a3a;color:#e9e6d8;border:1px solid #4b625c;padding:11px 13px;text-align:left;font-size:11px;transition:background .2s}.action-btn:hover,.point:hover{background:#3b5149}.action-btn.primary{background:#bd955b;border-color:#d7b17b;color:#1b2926;font-weight:700}.action-btn.primary:hover{background:#d8b077}.action-symbol{display:inline-block;width:23px;color:#d9b37c}.primary .action-symbol{color:#283b37}.reset-btn{margin-top:20px;width:100%;padding:12px;background:transparent;color:#d4aa85;border:1px dashed #b18c66;font-size:11px}.reset-btn:hover{background:#3c3028}.point-list{overflow:auto;padding:12px;max-height:53%;scrollbar-width:thin}.point{display:flex;align-items:center;gap:11px;background:transparent;border:1px solid transparent;width:100%;padding:12px 8px;color:#dbe0d6;text-align:left;transition:background .15s}.point.active{border-color:#9b875d;background:rgba(200,161,95,.14)}.point-index{display:inline-flex;justify-content:center;align-items:center;border:1px solid #547368;height:28px;width:28px;flex-shrink:0;font-size:10px;color:#e6b477}.point-title{font-size:11px;line-height:1.25}.point-arrow{margin-left:auto;color:#a4b8ad;font-size:15px}.inspector{border-top:1px solid rgba(237,222,181,.16);padding:18px 23px 24px;overflow:auto;flex:1;background:linear-gradient(135deg,rgba(158,119,69,.08),transparent)}.inspector-kicker{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.18em;color:#dab785;font-weight:700}.inspector-dot{width:7px;height:7px;border:1px solid #d7aa69;transform:rotate(45deg)}.inspector h2{font:500 20px/1.22 'Playfair Display',Georgia,serif;margin:15px 0;color:#f0e3c8}.inspector p{font-size:11px;line-height:1.75;color:#b8c7bf;margin:0}.footer{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:19px 31px;background:rgba(11,24,27,.89);border-top:1px solid rgba(245,225,180,.19);display:flex;justify-content:space-between;gap:20px;color:#b6bfb7;font-size:9px;letter-spacing:.03em}.footer>div{display:flex;align-items:center;gap:10px}.footer-stripe{width:65px;height:9px;display:inline-block;background:repeating-linear-gradient(90deg,#c25a32 0px,#c25a32 12px,#f2c16e 12px,#f2c16e 19px,#477467 19px,#477467 24px,#3c2c2d 24px,#3c2c2d 28px)}.footer-divider{color:#d0aa72}.hint{position:absolute;z-index:1;left:50%;transform:translateX(-50%);bottom:68px;max-width:calc(100% - 660px);text-align:center;font-size:10px;color:#f5e8cc;text-shadow:0 1px 8px #000;pointer-events:none}.loading{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#172e2e;font-size:11px;letter-spacing:.2em;color:#e9cb9b}.loading-icon{font-size:60px;color:#e9bc7c;animation:spin 2s linear infinite}.loading span{font-size:10px;color:#9fb9ad}.hidden{display:none!important}.modal-backdrop{position:absolute;inset:0;background:rgba(5,14,15,.78);z-index:15;display:grid;place-items:center;padding:15px}.help-modal{max-width:460px;width:100%;background:#192e2f;border:1px solid #b69a6b;padding:30px;position:relative;color:#e9e4d4}.help-modal h2{font:500 25px Georgia;color:#eed5a5}.help-modal p{font-size:13px;line-height:1.85;color:#b9cec3;margin-bottom:23px}.modal-ornament{font-size:33px;color:#eec786}.modal-close{position:absolute;right:13px;top:9px;background:none;color:#f2daac;font-size:27px;border:none}.error-banner{position:absolute;z-index:20;left:50%;top:44%;transform:translate(-50%,-50%);background:#4a2724;color:#fff2e5;padding:25px;max-width:500px;line-height:1.7;box-shadow:0 0 0 2px #bd7166}.right-panel .point-list::-webkit-scrollbar,.control-scroll::-webkit-scrollbar{width:4px}.right-panel .point-list::-webkit-scrollbar-thumb,.control-scroll::-webkit-scrollbar-thumb{background:#7f805d}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.left-panel{left:12px;top:118px;width:245px;bottom:69px}.right-panel{right:12px;top:118px;width:255px;bottom:69px}.topbar{padding:16px;min-height:100px}.footer{padding:15px}.hint{max-width:calc(100% - 540px)}}
@media(max-width:850px){.app{min-height:650px}.topbar{padding:11px 15px;min-height:86px}.logo{height:43px;width:43px}.heading-group h1{font-size:20px}.heading-group h1 span{font-size:13px}.eyebrow{font-size:7px}.subtitle{font-size:9px}.top-actions{gap:8px}.language-picker label,.live-indicator{display:none}.left-panel{width:221px;left:8px;top:100px;bottom:92px}.right-panel{width:211px;right:8px;top:100px;bottom:92px}.panel-heading{padding:0 10px;min-height:46px;letter-spacing:.08em}.control-scroll{padding:4px 12px 14px}.right-panel .point-list{padding:4px}.point{padding:9px 4px;gap:6px}.point-index{width:24px;height:24px}.inspector{padding:12px}.inspector h2{font-size:17px}.hint{display:none}.footer{font-size:8px;padding:12px;gap:8px}.footer-right span:first-child,.footer-divider{display:none}}
@media(max-width:580px){.app{height:100dvh;min-height:560px}.viewport{inset:87px 0 178px}.wash{inset:85px 0 0}.topbar{height:83px}.heading-group h1{font-size:19px}.heading-group h1 span{font-size:11px}.top-actions{margin-left:auto}.logo{height:38px;width:38px}.left-panel{top:auto;bottom:38px;left:0;width:59%;height:166px;border-left:0;border-bottom:0}.right-panel{top:auto;bottom:38px;right:0;width:41%;height:166px;border-right:0;border-bottom:0}.left-panel .panel-heading,.right-panel .panel-heading{min-height:35px;font-size:8px}.left-panel section{padding:8px 0}.control-scroll{display:block;overflow:auto;padding:4px 10px}.control-scroll h2{margin:1px 0 8px}.input-caption{margin-bottom:5px}.range-labels{display:none}.slider-head{margin-bottom:2px}.styled-select{padding:6px}.right-panel .point-list{max-height:50%;flex:none}.point{padding:7px 5px;font-size:10px}.point-index{width:18px;height:18px;font-size:9px}.point-title{font-size:10px}.right-panel .inspector{display:block;padding:9px;min-height:54px}.right-panel .inspector h2{font-size:13px;margin:5px 0}.right-panel .inspector p{font-size:10px;line-height:1.35}.right-panel .inspector-kicker{font-size:7px}.footer{height:38px;white-space:nowrap}.footer>div:first-child{overflow:hidden;text-overflow:ellipsis}.footer-right{display:none}}