:root{color-scheme:dark;--bg:#080f13;--panel:#0d191e;--line:#b2dac71b;--ink:#eff5ee;--muted:#91a79f;--accent:#b7d7ac;--mint:#90c9b7;--red:#ff4a62;--radius:18px;font-synthesis:none}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;min-width:300px;background:radial-gradient(ellipse at 12% 12%,#172b27 0,transparent 43%),var(--bg);color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}button:disabled,input:disabled{opacity:.4;cursor:not-allowed}.brand-bar{height:64px;padding:0 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);background:#081115b3}.brand{display:flex;gap:17px;align-items:center;font-size:22px;font-weight:900;letter-spacing:3px}.brand span{font-size:10px;font-weight:600;letter-spacing:2px;color:#c4d6cd}.brand .brand-divider{font-size:20px;color:var(--red);font-weight:900}.draft{font:8px monospace;letter-spacing:1.5px;color:#92aaa2;display:flex;gap:9px;align-items:center}.draft i,.overline i{width:5px;height:5px;display:inline-block;background:var(--mint);box-shadow:0 0 10px #90c9b75c;border-radius:50%}.review{font-size:10px;color:var(--muted)}.review span{color:var(--accent);margin-left:10px}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;padding:14px 18px;height:calc(100dvh - 64px);min-height:590px;max-width:2100px;margin:auto}.workspace{position:relative;min-width:0;overflow:hidden;background:linear-gradient(150deg,#0d1c22,#0a1317);border:1px solid #afcdbb25;border-radius:var(--radius);isolation:isolate;box-shadow:inset 0 1px #f0ffef08,0 25px 70px #0003}.scene-title{position:absolute;inset:0 0 auto;z-index:2;min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 26px 17px;background:linear-gradient(110deg,#10201ffd,#0b161bfa);border-bottom:1px solid var(--line);pointer-events:none}.overline,.eyebrow{display:flex;align-items:center;gap:9px;font:8px monospace;letter-spacing:1.8px;color:#8da89e}.scene-title h1{font-size:clamp(22px,2.3vw,34px);letter-spacing:-1.2px;line-height:1.16;margin:9px 0 0;font-weight:600}.scene-title h1 em{font-style:normal;font-weight:400;color:var(--accent)}.scene-title p{font:11px monospace;color:#d0e1d5;letter-spacing:.3px;white-space:nowrap;border:1px solid var(--line);border-radius:7px;padding:10px 12px;margin:15px 0 0}#stage{position:absolute;inset:90px 0 146px;overflow:hidden;background:#101b1b}#canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px!important}#dimension-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage-corners{position:absolute;inset:17px;pointer-events:none;opacity:.35}.stage-corners i{position:absolute;width:14px;height:14px;border-color:#c8e0ca;border-style:solid;border-width:0}.stage-corners i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.stage-corners i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.stage-corners i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.stage-corners i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.scene-bottom{position:absolute;bottom:0;left:0;width:100%;padding:12px 18px 10px;background:linear-gradient(180deg,#10201f,#0b151a);border-top:1px solid var(--line);height:146px}.quick-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick-tools button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:9px 10px;border:1px solid #d0e8d526;border-radius:9px;background:linear-gradient(135deg,#d7ffe709,#d7ffe702);font-size:10px;color:#c0d3c8;transition:background .18s,border-color .18s,transform .18s}.quick-tools button:hover{background:#b7d7ac15;border-color:#b7d7ac70;transform:translateY(-1px)}.quick-tools button[aria-pressed=true]{border-color:#b7d7ac80;background:#b7d7ac20;color:#e9f6df}.tool-symbol{font-size:20px;line-height:1;color:var(--accent)}#quick-config{display:none}.view-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.views{display:flex;gap:3px;padding:3px;background:#0711129e;border:1px solid #b7d7ac12;border-radius:8px;flex-shrink:0}.views button{padding:7px 10px;background:transparent;border:1px solid transparent;border-radius:5px;font-size:9px;color:#8da99e;min-height:30px}.views button[aria-pressed=true]{background:#b7d7ac16;color:#e4f5db;border-color:#b7d7ac30}.views button:hover{color:#e4f5db}.gesture-hint{font-size:8px;color:#6f8d81;line-height:1.6;margin:0;text-align:right;max-width:180px}.gesture-hint span{margin:0 4px}.scene-status{display:flex;align-items:center;gap:7px;margin-top:9px;font:8px monospace;color:#688c7a;letter-spacing:.2px;white-space:nowrap;overflow:hidden}.scene-status #asset-status{overflow:hidden;text-overflow:ellipsis}.dot{width:4px;height:4px;border-radius:50%;background:var(--accent);flex-shrink:0}.status-end{margin-left:auto;color:#496b5d;font:7px monospace;letter-spacing:1px}aside{min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#66817140 transparent;background:linear-gradient(135deg,#19302b80,#0e1b20db 65%);border:1px solid #c8e4cd26;border-radius:var(--radius);padding:0 23px 26px;box-shadow:inset 0 1px #f0ffef0c,0 20px 50px #0002}.panel-topline{display:flex;justify-content:space-between;align-items:center;height:48px;border-bottom:1px solid var(--line);margin-bottom:21px}.panel-topline>span{display:flex;align-items:center;gap:8px;font:9px monospace;letter-spacing:1.4px;color:#b2c7b9}.panel-topline i{width:5px;height:5px;transform:rotate(45deg);background:var(--red)}#close-controls{display:none}.panel-heading{margin-bottom:24px}.panel-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.panel-heading h2{font-weight:500;font-size:35px;letter-spacing:-1.4px;line-height:1.04;margin:12px 0}.panel-heading h2 em{font-style:normal;color:var(--accent)}.panel-heading p{font-size:11px;color:#859f93;margin:12px 0 0}.control-section{border-top:1px solid var(--line)}.control-section>summary{list-style:none;display:flex;align-items:center;gap:11px;min-height:62px;cursor:pointer;font-size:12px;font-weight:500}.control-section>summary::-webkit-details-marker{display:none}.control-section>summary>span{font:9px monospace;color:#7fae92;padding:5px 6px;border:1px solid #accbb721;border-radius:5px}.control-section>summary>b{font-size:18px;font-weight:300;color:#728e80;margin-left:auto;transition:transform .2s}.control-section[open]>summary{color:#d5edca}.control-section[open]>summary>b{transform:rotate(45deg);color:var(--accent)}.control-section[open]>summary>span{background:#b7d7ac12;border-color:#b7d7ac44}.section-body{padding:0 0 22px;animation:section-in .2s ease-out}.note{font-size:10px;line-height:1.65;color:#80998d;margin:9px 0 17px}.select-label{display:block;font-size:10px;color:#a9beb1;margin:15px 0 7px}select{display:block;width:100%;background:#0a171b;color:#cbdcd1;border:1px solid #cce4d325;border-radius:7px;padding:11px 10px;min-height:40px;font-size:11px}.range-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#a9beb1;margin:18px 0 10px}.range-label output{font:11px monospace;color:var(--accent);white-space:nowrap;padding:3px 6px;background:#a5d0b10a;border-radius:4px}input[type=range]{width:100%;accent-color:var(--accent);height:20px;cursor:pointer;margin:0}.range-limits,.temperature-ends{display:flex;justify-content:space-between;font:8px monospace;color:#698775;margin-top:4px}.toggle{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#c4d7cb;margin:18px 0;cursor:pointer}.toggle small{display:block;font-size:9px;color:#779485;margin-top:4px;line-height:1.5}.toggle input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}fieldset{border:0;padding:0;margin:0 0 18px}legend{font-size:10px;color:#a9beb1;margin:4px 0 11px}.swatches{display:flex;gap:7px}.swatches label{display:flex;align-items:center;position:relative;gap:7px;border:1px solid #cce4d325;border-radius:8px;padding:12px 8px;flex:1;cursor:pointer;font-size:10px;background:#08131766}.swatches label:has(input:checked){border-color:#b7d7ac70;background:#b7d7ac0b}.swatches input{position:absolute;opacity:0;width:1px;height:1px}.swatches label:focus-within{outline:2px solid var(--accent);outline-offset:2px}.swatches i{width:22px;height:22px;border-radius:50%;border:1px solid #ffffff35;flex-shrink:0;box-shadow:inset 0 1px 4px #fff2}.black{background:linear-gradient(135deg,#41514b,#0b1517)}.silver{background:linear-gradient(135deg,#e6f0eb,#667b77)}.editor-label{font:8px monospace;letter-spacing:1.3px;color:var(--accent);margin:26px 0 12px}.object-tabs,.detail-views{display:flex;gap:7px;flex-wrap:wrap}.object-tabs button,.detail-views button,.secondary,.save-grid button,#copy-link{background:#0b191e;border:1px solid #cce4d325;border-radius:7px;padding:12px 9px;font-size:10px;min-height:42px;flex:1}.object-tabs button[aria-pressed=true],.detail-views button[aria-pressed=true]{border-color:#b7d7ac80;background:#b7d7ac16;color:#d4f6e8}.secondary{width:100%;margin-top:18px}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(115deg,#b7d7ac,#8fc7b4);color:#11241b;border:1px solid #d4e9c887;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 4px 22px #99bd9e0b}.primary:hover{filter:brightness(1.08)}.save-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.save-grid button:hover,.secondary:hover,#copy-link:hover{border-color:#b7d7ac70}.subtle{background:none;border:0;padding:0;font-size:9px;color:#789184;text-decoration:underline;margin-top:16px}dl{font-size:10px;display:grid;grid-template-columns:1fr 1.5fr;gap:9px;margin:0 0 20px}dt{color:#799886}dd{margin:0;text-align:right;color:#c1d6c8}#message{font-size:10px;color:var(--accent);line-height:1.7}#message:empty{display:none}#message:not(:empty){padding:12px;border:1px solid #b7d7ac33;background:#b7d7ac08;border-radius:7px}#link-box{margin-top:20px}#link-box label{font-size:10px}#link-text{width:100%;background:#081317;border:1px solid #cce4d325;color:#b7cdbc;font-size:10px;padding:10px;margin:8px 0;border-radius:6px}.disclaimer{font-size:9px;color:#698674;border-top:1px solid var(--line);padding-top:20px;line-height:1.8}.back{font-size:10px;color:#9cb9a5}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#1b332a,#091419 65%);z-index:4;gap:14px}#loading strong{font-size:14px;font-weight:500;letter-spacing:.4px}#loading small{font:9px monospace;color:#789a86;letter-spacing:1px}.loader-orbit{width:78px;height:78px;border:1px solid #b7d7ac40;border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:12px}.loader-orbit:before{content:"";position:absolute;inset:-10px;border:1px solid #b7d7ac12;border-top-color:#b7d7ac90;border-radius:50%;animation:orbit 2s linear infinite}.loader-orbit span{font-size:34px;font-weight:900;color:var(--accent)}#scene-error{position:absolute;inset:15% 6%;background:#10201f;border:1px solid #ff445c55;border-radius:15px;padding:25px;z-index:5;text-align:center}#scene-error h2{font-size:20px}#scene-error p{color:var(--muted)}#scene-error button{padding:12px 20px;background:var(--red);border:0;border-radius:7px}.skip{position:fixed;top:-100px;left:10px;background:#d5e5cd;color:#11241b;padding:12px;z-index:100}.skip:focus{top:10px}#print-sheet,#controls-backdrop,#exit-focus{display:none}body.focus-mode{overflow:hidden}body.focus-mode .brand-bar,body.focus-mode #controls,body.focus-mode .scene-title,body.focus-mode #controls-backdrop{display:none}body.focus-mode main{display:block;max-width:none;height:100dvh;padding:0;min-height:0}body.focus-mode .workspace{position:fixed;inset:0;border:0;border-radius:0;z-index:30}body.focus-mode #stage{inset:0}body.focus-mode .stage-corners{inset:22px}body.focus-mode #exit-focus{display:flex;align-items:center;gap:18px;position:absolute;top:22px;right:22px;z-index:5;background:#0c1c1de8;border:1px solid #cce4d34d;border-radius:9px;padding:12px 17px;font-size:11px;min-height:44px;box-shadow:0 10px 24px #0003}kbd{font:9px monospace;color:#9db7a6;border:1px solid #9db7a633;border-radius:3px;padding:2px 4px}body.focus-mode .scene-bottom{left:50%;transform:translate(-50%);bottom:18px;width:max-content;max-width:calc(100% - 32px);height:auto;border:1px solid #cce4d333;border-radius:12px;padding:8px;background:#0a171cde;backdrop-filter:blur(12px)}body.focus-mode .quick-tools,body.focus-mode .gesture-hint,body.focus-mode .scene-status{display:none}body.focus-mode .view-strip{margin:0}.workspace.detail-view .scene-title h1{opacity:.5}@keyframes section-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit{to{transform:rotate(360deg)}}@media (min-width:761px){body{height:100dvh;overflow:hidden}}@media (max-width:1100px) and (min-width:761px){main{grid-template-columns:minmax(0,1fr) 320px;gap:12px;padding:12px}.scene-title{padding:16px 18px}.scene-title h1{font-size:25px}.scene-title p{font-size:9px;padding:8px}.scene-title .overline{font-size:7px;letter-spacing:1px}.quick-tools button{gap:6px;font-size:9px;padding:8px 4px}.gesture-hint{display:none}.view-strip{justify-content:center}.scene-bottom{padding-left:12px;padding-right:12px}aside{padding-left:20px;padding-right:20px}}@media (max-width:900px) and (min-width:761px){.scene-title{display:block;padding-top:11px}.scene-title h1{font-size:24px;margin-top:6px}.scene-title p{position:absolute;right:14px;top:0;border:0;padding:0;font-size:8px}.quick-tools button{flex-direction:column;gap:3px;font-size:8px;min-height:51px}.scene-status .status-end{display:none}.scene-bottom{height:154px}#stage{bottom:154px}}@media (max-height:700px) and (min-width:761px){main{min-height:490px}.scene-title{min-height:76px;padding-top:12px;padding-bottom:12px}.scene-title h1{font-size:25px}#stage{top:76px}.scene-title p{font-size:9px}}@media (max-width:760px){html,body{min-height:100%;height:auto}.brand-bar{height:58px;padding:0 17px;gap:10px}.brand{font-size:19px;gap:10px;letter-spacing:2px}.brand span{font-size:8px;letter-spacing:1.4px}.brand .brand-divider{font-size:16px}.draft{font-size:6px;letter-spacing:.7px;gap:5px}.review{display:none}main{display:block;padding:8px;height:auto;min-height:0}.workspace{height:calc(100svh - 74px);min-height:570px;max-height:1000px;border-radius:14px}.scene-title{padding:16px 16px 13px;min-height:93px;display:block}.overline{font-size:6px;letter-spacing:1.2px}.scene-title h1{font-size:25px;letter-spacing:-.9px;line-height:1.14;margin:8px 0 0}.scene-title h1 em{display:block;font-size:23px}.scene-title p{position:absolute;top:13px;right:13px;padding:0;border:0;font-size:8px;margin:0;letter-spacing:0}#stage{top:100px;bottom:166px}.stage-corners{inset:12px}.scene-bottom{height:166px;padding:9px 10px 10px}.quick-tools{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.quick-tools button{padding:8px 2px;min-height:58px;flex-direction:column;gap:5px;font-size:8px;border-radius:7px}.quick-tools .tool-symbol{font-size:20px}#quick-config{display:flex;background:#b7d7ac;color:#0c2118;border-color:#b7d7ac}#quick-config .tool-symbol{color:#213e2d}.view-strip{display:block;margin-top:7px}.views{justify-content:center;width:max-content;max-width:100%;margin:0 auto}.views button{font-size:9px;min-height:31px;padding:6px 12px}.gesture-hint{display:block;max-width:none;text-align:center;margin-top:6px;font-size:7px}.scene-status{justify-content:center;margin-top:6px;font-size:7px}.status-end{display:none}aside{display:none;position:fixed;z-index:50;left:8px;right:8px;bottom:0;max-height:86dvh;overflow:auto;overscroll-behavior:contain;border-radius:22px 22px 0 0;padding:0 22px max(30px,env(safe-area-inset-bottom));background:linear-gradient(140deg,#18332d,#0c181e 65%);box-shadow:0 -20px 80px #0009;border-color:#b7d7ac48}body.controls-open{overflow:hidden}body.controls-open #controls{display:block;animation:sheet-in .25s ease-out}body.controls-open #controls-backdrop{display:block;position:fixed;inset:0;z-index:45;border:0;background:#020a0dc9;backdrop-filter:blur(4px)}.panel-topline{position:sticky;top:0;background:#153029;z-index:2;margin-left:-22px;margin-right:-22px;padding:0 22px;height:57px;border-radius:22px 22px 0 0}.panel-topline:before{content:"";position:absolute;width:35px;height:3px;border-radius:5px;top:7px;left:calc(50% - 17px);background:#b7d7ac45}#close-controls{display:block;width:38px;height:38px;border:1px solid #b7d7ac33;border-radius:8px;background:#091c16;color:#b7d7ac;font-size:15px}.panel-heading h2{font-size:34px}.control-section>summary{font-size:13px;min-height:64px}.select-label,.range-label{font-size:12px}select{font-size:13px;min-height:46px}.toggle{font-size:12px}.toggle small,.note{font-size:10px}.toggle input{width:21px;height:21px}input[type=range]{height:28px}.range-label output{font-size:12px}.swatches label,.object-tabs button,.detail-views button,.secondary,.save-grid button,#copy-link{font-size:11px;min-height:46px}.primary{min-height:48px}.disclaimer{font-size:10px}body.focus-mode .workspace{min-height:0;max-height:none;height:100dvh}body.focus-mode #stage{inset:0}body.focus-mode #exit-focus{top:max(14px,env(safe-area-inset-top));right:14px;padding:10px 12px;font-size:10px}body.focus-mode .scene-bottom{bottom:max(14px,env(safe-area-inset-bottom));padding:6px;height:auto}body.focus-mode .gesture-hint{display:none}}@media (max-width:350px){.brand span{font-size:7px}.draft{display:none}.scene-title h1{font-size:23px}.scene-title h1 em{font-size:21px}.scene-title .overline{font-size:5.5px}.quick-tools button{font-size:7px}.views button{padding-left:10px;padding-right:10px}}@keyframes sheet-in{0%{transform:translateY(24px);opacity:.2}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{@page{size:A4;margin:15mm}html,body{height:auto;overflow:visible;background:#fff;color:#111}body>*{display:none!important}body>#print-sheet{display:block!important}#print-sheet h1{font-size:18pt}#print-image{display:block;width:100%;max-height:90mm;object-fit:contain}#print-text{font:10pt/1.5 Arial;white-space:pre-wrap;overflow-wrap:anywhere;orphans:3;widows:3}}.preset-bar{margin:0 0 21px}.preset-caption{display:block;font:7px monospace;letter-spacing:1.4px;color:#749380;margin-bottom:10px}.preset-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preset-options button{display:flex;align-items:center;gap:7px;justify-content:center;background:#0a171b85;border:1px solid #b7d7ac23;border-radius:8px;padding:10px 5px;min-height:44px;font-size:9px;color:#abc4b3}.preset-options button:hover,.preset-options button[aria-pressed=true]{border-color:#b7d7ac88;background:#b7d7ac13;color:#e2f0d7}.preset-options i{display:block;width:15px;height:22px;border-radius:55% 35% 48% 40%;transform:rotate(23deg);border:1px solid #cee6b333;box-shadow:inset 3px 0 7px #ffffff10;flex-shrink:0}.preset-jungle{background:linear-gradient(30deg,#1b432a,#73a764)}.preset-gallery{background:linear-gradient(30deg,#4b4942,#d8cdb3)}.preset-natural{background:linear-gradient(30deg,#493823,#b79a61)}@media (max-width:760px){.preset-options button{font-size:11px;min-height:48px}.preset-caption{font-size:8px}}@media (min-width:761px){.scene-title{min-height:72px;padding:12px 22px;display:flex}.scene-title h1{font-size:clamp(22px,2.2vw,29px);margin-top:6px}.scene-title p{font-size:9px;margin:8px 0 0;padding:8px 10px;position:static;border:1px solid var(--line)}.scene-title .overline{font-size:7px;letter-spacing:1.2px}#stage{top:72px;bottom:118px}.scene-bottom{height:118px;padding:8px 16px}.quick-tools button{min-height:40px;padding:7px;flex-direction:row;gap:8px;font-size:9px}.view-strip{margin-top:6px}.views{padding:2px}.views button{min-height:27px;padding:5px 10px}.scene-status{margin-top:5px;font-size:7px}}@media (min-width:761px) and (max-width:900px){.scene-title{padding-left:15px;padding-right:15px}.scene-title h1{font-size:22px}.scene-title p{font-size:8px;position:absolute;right:13px;top:0;border:0;padding:0}.scene-title .overline{font-size:6px}.quick-tools button{gap:5px;font-size:7.5px;padding:7px 3px}.tool-symbol{font-size:17px}}#tour-caption{position:absolute;bottom:20px;left:20px;z-index:3;max-width:min(310px,calc(100% - 40px));padding:13px 16px;border-left:2px solid var(--accent);border-radius:0 9px 9px 0;background:linear-gradient(90deg,#0b1b1bf2,#0b1b1bc9);box-shadow:0 10px 30px #0002;pointer-events:none;animation:section-in .25s ease-out}#tour-caption strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.3px;color:#d7ebce}#tour-caption span{display:block;font-size:10px;color:#9db5a7;line-height:1.6;margin-top:4px}#tour-toggle{border-left:1px solid #b7d7ac25;border-radius:0 5px 5px 0;color:var(--accent)}#tour-toggle[aria-pressed=true]{background:#b7d7ac25}@media (max-width:760px){#tour-caption{bottom:14px;left:14px;max-width:calc(100% - 28px);padding:10px 13px}#tour-caption strong{font-size:14px}#tour-caption span{font-size:9px}.views button{padding-left:8px;padding-right:8px;font-size:8px}.gesture-hint{font-size:7px}}.experience-tools{margin:0 0 22px;padding:15px 12px;border:1px solid #b7d7ac35;border-radius:12px;background:linear-gradient(145deg,#19352d80,#0c191b)}.experience-heading>span{display:block;font:8px monospace;letter-spacing:1.6px;color:#d0e8bd;margin-bottom:8px}.experience-heading output{display:block;min-height:36px;font-size:11px;line-height:1.5;color:#a8bfb2}.experience-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 14px}.experience-actions button{min-height:44px;padding:8px 6px;border:1px solid #b7d7ac35;border-radius:7px;background:#102820;color:#d2e7c8;font-size:10px}.experience-actions button[aria-pressed=true]{background:#c3ddb1;color:#102116;border-color:#e0f0cc}.experience-actions button:hover{border-color:#bddcb1}.day-phase{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px;color:#c9ddc3}.day-phase input{grid-column:1/-1;grid-row:2;accent-color:#e8c592;min-width:0;width:100%}.day-phase output{color:#e8c592;font:10px monospace}.day-phase input:focus-visible{outline:2px solid #e8c592;outline-offset:3px}@media (max-width:760px){.experience-actions button{font-size:12px;min-height:48px}.experience-heading output{font-size:12px}}