:root{--bg:#020b12;--panel:#0c1720;--raised:#14232f;--line:#314654;--line2:#203440;--text:#e9f3f6;--muted:#8ea0aa;--cyan:#43d7e5;--violet:#b180ef;--gold:#f7c148;--green:#56dc91;--amber:#f59e37;--red:#ef5b5b;--water:#41b5f2;--hydrogen:#f475b7;--oxygen:#698fff;--app-brightness:1}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:240px;height:282px;overflow:hidden;background:var(--bg);color:var(--text)}body{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:10px;user-select:none;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;padding:0;background:none}button:disabled{opacity:.4}.app-shell{position:relative;width:240px;height:282px;display:grid;grid-template-rows:27px 219px 36px;background:var(--bg);filter:brightness(var(--app-brightness));overflow:hidden}.topbar{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;background:#071018;border-bottom:1px solid var(--line);cursor:pointer}.top-left,.top-right{display:flex;align-items:center;gap:5px}.top-title{font-size:12px;letter-spacing:.55px;font-weight:700;white-space:nowrap}.top-right{color:var(--muted);font-size:8px}.env-pill{border:1px solid var(--line);padding:1px 4px;border-radius:6px;color:var(--cyan)}.fidelity{font-size:6px;padding:1px 3px;border-radius:4px;border:1px solid var(--line);letter-spacing:.3px}.fidelity-real{color:var(--green)}.fidelity-adapted{color:var(--gold)}.fidelity-simulated{color:var(--amber)}.content{position:relative;height:219px;padding:6px 8px 4px;overflow:hidden;touch-action:none}.action-rail{height:36px;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:4px;padding:4px 6px;border-top:1px solid var(--line);background:#071018}.rail-button{min-width:0;border:1px solid var(--line);border-radius:5px;background:var(--panel);font-size:9px;letter-spacing:.3px}.rail-button:active,.rail-button.primary{background:var(--raised)}.rail-button.primary{border-color:#4d6978;color:var(--cyan)}.screen-subhead{height:19px;display:flex;align-items:center;justify-content:space-between;color:var(--cyan);font-size:8px;letter-spacing:.3px}.screen-subhead b{color:var(--text);font-weight:400}.hint{height:15px;display:flex;align-items:flex-end;color:var(--muted);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted{color:var(--muted)}.cyan{color:var(--cyan)}.violet{color:var(--violet)}.gold{color:var(--gold)}.green{color:var(--green)}.amber{color:var(--amber)}.red{color:var(--red)}.water{color:var(--water)}.hydrogen{color:var(--hydrogen)}.oxygen{color:var(--oxygen)}
.drawer-content{padding-top:5px}.drawer-toolbar{height:24px;display:grid;grid-template-columns:70px 70px 1fr;gap:4px;align-items:center;color:var(--muted);font-size:8px}.scope-tab{height:20px;border:1px solid var(--line);border-radius:5px;background:var(--panel)}.scope-tab.selected{color:var(--cyan);border-color:var(--cyan);background:var(--raised)}.drawer-toolbar>span{text-align:right;padding-right:3px}.drawer-list{display:grid;gap:4px}.drawer-row{height:36px;display:grid;grid-template-columns:25px 1fr 18px 13px;align-items:center;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:0 6px;text-align:left}.drawer-row.selected{background:var(--raised);border-color:var(--cyan)}.drawer-index{color:var(--muted);font-size:8px}.drawer-name{font-size:12px;font-weight:700}.mini-fidelity{font-size:7px;color:var(--gold);text-align:center}.drawer-arrow{text-align:right;font-size:16px;color:var(--muted)}.drawer-help{height:18px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:7px}
.viz-canvas{display:block;width:220px;border:1px solid var(--line2);border-radius:5px;background:#04101a;image-rendering:auto}.rain-status{height:27px;border:1px solid var(--line);border-radius:6px;background:var(--panel);display:flex;align-items:center;gap:10px;padding:0 7px;font-size:8px}.rain-status b{margin-left:auto;color:var(--cyan)}.rain-canvas{height:126px;margin-top:4px}.bottom-data{height:23px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:7px}.violet-tag{background:var(--violet);color:#10121a;border-radius:7px;padding:2px 5px;font-weight:700}
.hsv-layout{height:174px;display:grid;grid-template-columns:104px 1fr;gap:7px}.cone-wrap,.section-wrap{border:1px solid var(--line);border-radius:6px;background:var(--panel);overflow:hidden}.cone-wrap canvas{width:104px;height:172px}.section-wrap{padding:5px;display:flex;flex-direction:column;gap:4px}.section-pill{text-align:center;background:var(--violet);color:#10121a;border-radius:7px;padding:2px;font-size:8px}.hsv-values,.offset-line{color:var(--muted);font-size:7px}.hsv-section{position:relative;flex:1;border:1px solid var(--line2);border-radius:5px;background:radial-gradient(circle at center,hsl(var(--h) 95% 62%),#161044 54%,#07080e);overflow:hidden}.sample-dot{position:absolute;left:calc(var(--s)*1%);top:calc((100 - var(--v))*1%);width:8px;height:8px;border:1px solid white;border-radius:50%;transform:translate(-50%,-50%)}
.aem-summary{height:29px;border:1px solid var(--line);border-radius:6px;background:var(--panel);display:flex;align-items:center;justify-content:space-around;font-size:11px}.aem-summary b:nth-child(1){color:var(--violet)}.aem-summary b:nth-child(2){color:var(--text)}.aem-summary b:nth-child(3){color:var(--hydrogen)}.aem-visual{height:111px;margin-top:4px;display:grid;grid-template-columns:1fr 43px 1fr;position:relative;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#07121a}.aem-side{padding:8px 4px;display:flex;flex-direction:column;gap:10px}.aem-side strong{font-size:10px}.aem-side span{font-size:11px}.cathode{background:#082233;color:var(--hydrogen)}.anode{background:#181a38;color:var(--oxygen)}.aem-membrane{background:#3b3200;color:var(--gold);padding:8px 3px;text-align:center;display:flex;flex-direction:column;gap:10px;position:relative}.aem-membrane i{position:absolute;left:5px;right:5px;bottom:7px;height:5px;background:var(--green)}.aem-loadbar{position:absolute;left:0;bottom:0;height:3px;width:var(--load);background:var(--cyan)}.aem-controls{height:32px;display:grid;grid-template-columns:46px 1fr 46px;gap:6px;align-items:center}.aem-controls button{height:27px;border:1px solid var(--line);border-radius:5px;background:var(--raised);font-size:18px}.aem-controls b{text-align:center;color:var(--gold)}
.xy-pad{position:relative;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#041019;touch-action:none}.synth-pad{height:131px}.xy-grid{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(#28404e 1px,transparent 1px),linear-gradient(90deg,#28404e 1px,transparent 1px);background-size:52px 48px}.xy-grid.four{background-size:25% 25%}.xy-cross:before,.xy-cross:after{content:"";position:absolute;background:var(--cyan)}.xy-cross:before{left:0;right:0;height:1px;top:var(--y)}.xy-cross:after{top:0;bottom:0;width:1px;left:var(--x)}.xy-dot{position:absolute;left:var(--x);top:var(--y);width:16px;height:16px;border:1px solid var(--cyan);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #071018aa}.pad-axis{position:absolute;font-size:6px;color:var(--muted)}.x-axis{left:5px;bottom:4px}.y-axis{left:5px;top:5px;writing-mode:vertical-rl}.synth-status{height:53px;margin-top:4px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:4px 6px;display:flex;flex-direction:column;justify-content:space-between;font-size:7px}.synth-status>div{display:flex;justify-content:space-between;gap:5px}.synth-status b{color:var(--text)}
.percussion-pad{height:139px;background:#06131b}.axis-groove,.axis-energy{position:absolute;color:var(--muted);font-size:7px}.axis-groove{top:5px;left:5px}.axis-energy{bottom:5px;left:5px}.perc-status{height:45px;margin-top:4px;border:1px solid var(--line);border-radius:6px;background:var(--panel);display:flex;flex-direction:column;gap:2px;padding:3px 5px;font-size:7px}.perc-status b{font-size:11px;color:var(--cyan)}.mini-link{position:absolute;right:9px;bottom:3px;color:var(--gold);font-size:7px}.pattern16{margin-top:4px;border:1px solid var(--line);border-radius:6px;padding:4px 3px;display:grid;gap:4px;background:var(--panel)}.pattern-row{height:22px;display:grid;grid-template-columns:14px repeat(16,1fr);gap:1px;align-items:center}.pattern-row>span{font-size:7px;color:var(--muted)}.pstep{height:16px;border:1px solid #213746;border-radius:2px;background:#071018}.pstep.on{background:#7a4b15;border-color:var(--amber)}.pstep.playhead{box-shadow:inset 0 0 0 1px var(--text);border-color:var(--text)}.pattern-legend{height:24px;display:flex;align-items:center;justify-content:space-between;font-size:7px;color:var(--muted)}
.recorder-content{text-align:center}.record-button{width:88px;height:88px;margin:14px auto 8px;border-radius:50%;background:#ec2024;border:2px solid #fff;box-shadow:0 0 0 2px var(--red);font-size:12px}.record-button.active{border-radius:12px;width:76px;height:76px;margin-top:20px}.record-status{height:23px;font-size:11px}.rec-review{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.rec-review button,.two-buttons button,.compose-actions button{height:30px;border:1px solid var(--line);border-radius:5px;background:var(--raised);font-size:8px}.rec-note{height:45px;padding:7px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font-size:7px;line-height:1.45}
.daq-meta{height:24px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:7px}.daq-canvas{height:126px}.daq-footer{height:27px;border:1px solid var(--line);border-radius:5px;margin-top:4px;display:flex;align-items:center;justify-content:space-around;font-size:7px}.daq-footer span:first-child{color:var(--green)}
.settings-title{height:18px;display:flex;justify-content:space-between;color:var(--gold)}.settings-content{display:grid;grid-template-rows:18px repeat(4,42px) 1fr;gap:3px}.setting-card{border:1px solid var(--line);border-radius:7px;background:var(--panel);text-align:left;padding:4px 7px;display:flex;flex-direction:column;gap:3px}.setting-card b{color:var(--gold);font-size:9px}.setting-card span{font-size:9px}.setting-card.selected{border-color:var(--gold);background:var(--raised)}
.lock-head{height:31px;display:flex;align-items:center;justify-content:space-between}.lock-head button{width:58px;height:26px;border:1px solid var(--line);border-radius:5px;background:var(--raised)}.lock-head strong{color:var(--green);font-size:9px}.pattern-grid{width:138px;height:138px;margin:2px auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);touch-action:none}.pattern-dot{display:grid;place-items:center;position:relative}.pattern-dot:before{content:"";width:27px;height:27px;border:1px solid var(--line);border-radius:50%;background:#08121b}.pattern-dot i{position:absolute;width:8px;height:8px;background:#a6b4bc;border-radius:50%}.pattern-dot.active:before{border-color:var(--cyan);box-shadow:0 0 8px #43d7e555}.pattern-dot.active i{background:var(--cyan)}.lock-note{text-align:center;height:20px;color:var(--amber);font-size:7px}
.file-list,.journal-list{display:grid;gap:4px}.file-row{height:34px;border:1px solid var(--line);border-radius:5px;background:var(--panel);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 7px}.file-row small{color:var(--muted);font-size:6px}.file-row.selected{border-color:var(--cyan);background:var(--raised)}.wide-button{height:28px;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:5px;background:var(--raised);font-size:8px}.wide-button.secondary{background:var(--panel)}.files-home-card,.transfer-card{height:55px;border:1px solid var(--line);border-radius:6px;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.files-home-card b,.transfer-card b{color:var(--green);font-size:12px}.files-home-card span,.transfer-card span{color:var(--muted);font-size:7px}.tile-grid,.message-home,.notebook-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.tile-grid button,.message-home button,.notebook-grid button{height:56px;border:1px solid var(--line);border-radius:6px;background:var(--panel);display:flex;flex-direction:column;justify-content:center;gap:4px}.tile-grid b,.message-home b,.notebook-grid b{color:var(--cyan)}.tile-grid span,.message-home span,.notebook-grid span{font-size:7px;color:var(--muted)}.progress{width:180px;height:7px;border:1px solid var(--line);border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:var(--cyan)}
.journal-row{height:35px;border:1px solid var(--line);border-radius:5px;background:var(--panel);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 7px}.journal-row small{color:var(--muted);font-size:6px}.journal-row span{font-size:8px}.draft-box{height:84px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:8px;text-align:left;overflow:hidden;word-break:break-word}.char-wheel{height:43px;margin-top:5px;display:grid;grid-template-columns:50px 1fr 50px;gap:5px;align-items:center}.char-wheel button{height:32px;border:1px solid var(--line);border-radius:5px;background:var(--raised)}.char-wheel b{font-size:24px;color:var(--gold)}.compose-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.bridge-card{height:39px;margin-top:6px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:4px 6px;display:grid;grid-template-columns:1fr auto;gap:2px}.bridge-card small{color:var(--muted)}.bridge-card b{color:var(--green)}.bridge-card span{grid-column:1/-1;font-size:6px;color:var(--muted)}
.whofi-content{padding-left:6px;padding-right:6px}.who-card{height:61px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:7px;display:flex;flex-direction:column;gap:4px}.who-card small{color:var(--muted);font-size:6px}.who-card b{color:var(--cyan);font-size:11px}.who-card span{color:var(--muted);font-size:7px;line-height:1.35}.who-metrics{height:91px;padding:7px 3px;display:grid;gap:5px}.who-metrics span{display:flex;justify-content:space-between;font-size:7px}.who-metrics b{color:var(--amber)}.who-signal{width:220px;height:132px;border:1px solid var(--line);border-radius:6px;background:#041019}.signal-footer{height:24px;display:flex;align-items:center;justify-content:space-around;color:var(--muted);font-size:7px}.whofi-tabs{position:absolute;left:6px;right:6px;bottom:17px;height:28px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.whofi-tabs button{border:1px solid var(--line);border-radius:4px;background:var(--panel);font-size:6px}.whofi-tabs button.selected{background:var(--cyan);color:#031018;border-color:var(--cyan)}.whofi-content>.hint{position:absolute;left:8px;right:8px;bottom:0}.who-session{height:81px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:8px;display:grid;gap:5px}.who-session small{color:var(--muted)}.who-session b{color:var(--violet)}.two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:5px}.safe-flow{height:42px;margin-top:5px;border:1px solid var(--line);border-radius:5px;padding:5px;display:flex;flex-direction:column;gap:4px}.safe-flow b{color:var(--gold);font-size:7px}.safe-flow span{font-size:6px;color:var(--muted)}.who-settings{display:flex;flex-direction:column;gap:5px}.who-settings>b{color:var(--cyan);font-size:11px}.who-settings>span{font-size:8px}.violet-bg{background:var(--violet);color:#10121a}
.midi-pad{height:136px}.midi-map{height:45px;margin-top:5px;border:1px solid var(--line);border-radius:5px;background:var(--panel);display:grid;grid-template-columns:1fr 1fr;padding:5px;gap:3px;font-size:7px}.midi-map span{display:flex;justify-content:space-between}.particles-canvas{width:220px;height:158px;border:1px solid var(--line);border-radius:6px;background:#041019}.particle-controls{height:28px;display:flex;align-items:center;justify-content:space-around;color:var(--muted);font-size:7px}.big-time{height:98px;display:grid;place-items:center;font-size:34px;color:var(--cyan);border:1px solid var(--line);border-radius:7px;background:var(--panel);margin:8px 0}.lab-note{margin-top:7px;border:1px solid var(--line);border-radius:6px;padding:7px;color:var(--muted);font-size:7px;line-height:1.45}.battery-gauge{height:56px;margin-top:6px;border:1px solid var(--line);border-radius:7px;background:var(--panel);position:relative;overflow:hidden;display:grid;place-items:center}.battery-gauge i{position:absolute;left:0;top:0;bottom:0;background:#1b6d4a}.battery-gauge span{position:relative;font-size:20px}.power-card{height:58px;margin-top:6px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:6px;display:grid;gap:4px}.power-card span{display:flex;justify-content:space-between;font-size:7px}.power-canvas{width:220px;height:66px;margin-top:5px;border:1px solid var(--line);border-radius:5px;background:#041019}.camera-frame{height:150px;border:1px solid var(--line);border-radius:6px;background:#03070a;overflow:hidden;display:grid;place-items:center}.camera-frame video{width:100%;height:100%;object-fit:cover}.camera-placeholder{padding:20px;text-align:center;color:var(--muted);font-size:8px}.camera-content .two-buttons{margin-top:5px}
.toast{position:absolute;left:20px;right:20px;top:31px;z-index:30;background:#02080de8;border:1px solid var(--gold);color:var(--gold);border-radius:5px;padding:5px;text-align:center;font-size:8px}.diag-badge{position:absolute;right:4px;top:29px;z-index:25;background:#000d;border:1px solid var(--line);border-radius:3px;padding:2px 3px;font-size:6px;color:var(--green);pointer-events:none}.accent-water .top-title{color:var(--water)}.accent-violet .top-title{color:var(--violet)}.accent-hydrogen .top-title{color:var(--hydrogen)}.accent-cyan .top-title{color:var(--cyan)}.accent-red .top-title{color:var(--red)}.accent-green .top-title{color:var(--green)}.accent-gold .top-title{color:var(--gold)}.accent-amber .top-title{color:var(--amber)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Rev C interaction-density overrides: keep every view inside the 240x282 R1 viewport. */
.action-rail{position:relative}.wheel-readout{position:absolute;right:8px;top:-10px;height:10px;padding:1px 4px;border:1px solid var(--line);border-radius:4px;background:#030a0f;color:var(--muted);font-size:6px;pointer-events:none}
.focus-row{height:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:3px}.focus-chip{min-width:0;border:1px solid var(--line);border-radius:4px;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:6px;overflow:hidden}.focus-chip span{color:var(--muted);font-size:5px}.focus-chip b{font-size:7px;white-space:nowrap}.focus-chip.selected{border-color:var(--cyan);background:var(--raised)}.mini-actions{height:25px;display:flex;align-items:center;gap:3px;margin-top:3px}.mini-actions button{flex:1;min-width:0;height:22px;border:1px solid var(--line);border-radius:4px;background:var(--raised);font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motion-badge{border:1px solid var(--line);border-radius:4px;padding:1px 3px;font-size:6px}.motion-badge.good{color:var(--green)}.motion-badge.warn{color:var(--amber)}
.rain-canvas{height:82px;margin-top:3px}.rain-status{height:25px}.rain-content .hint{height:12px}.hsv-layout{height:112px;grid-template-columns:104px 1fr}.cone-wrap canvas{width:104px;height:91px}.cone-wrap small{display:block;text-align:center;color:var(--muted);font-size:5px}.hsv-focus{grid-template-columns:repeat(3,1fr)}.hsv-content .hint{height:12px}.aem-visual{height:75px}.aem-side{padding:5px 3px;gap:5px}.aem-side span{font-size:8px}.aem-membrane{padding:5px 2px;gap:6px}.aem-summary{height:27px}.aem-content .hint{height:12px}.synth-pad{height:105px}.synth-status{height:49px}.mapping-grid{height:145px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:4px}.mapping-grid .focus-chip{height:43px;font-size:8px}.mapping-grid .focus-chip span{font-size:6px}.mapping-grid .focus-chip b{font-size:9px}.percussion-pad{height:101px}.perc-status{height:56px}.percussion-content .mini-actions{margin-top:2px}.recorder-content .record-button{width:68px;height:68px;margin:7px auto 4px}.recorder-content .record-button.active{width:58px;height:58px;margin-top:10px}.record-status{height:17px}.seek-row{height:28px;display:grid;grid-template-columns:35px 1fr 35px;gap:4px;align-items:center}.seek-row button{height:23px;border:1px solid var(--line);border-radius:4px;background:var(--raised);font-size:6px}.seek-row input{width:100%;height:20px}.rec-review{margin-top:2px}.rec-review button{height:25px}.recorder-content .wide-button{height:24px;margin-top:3px}.recorder-content .hint{height:11px}.daq-canvas{height:94px}.daq-footer{height:24px}.udaq-content .hint{height:11px}.motion-lab{display:block}.motion-table{height:142px;border:1px solid var(--line);border-radius:6px;background:var(--panel);display:grid;grid-template-columns:72px 1fr;grid-auto-rows:23px;align-items:center;padding:2px 6px;gap:0 4px}.motion-table span{color:var(--muted);font-size:7px}.motion-table b{font-size:8px}.preview-card{height:118px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:10px;display:flex;flex-direction:column;gap:10px}.preview-card b{color:var(--cyan);font-size:11px}.preview-card span{font-size:8px;line-height:1.4}.preview-card small{color:var(--muted)}.who-signal{height:117px}.whofi-content .tile-grid button{height:60px}.whofi-content .hint{height:11px}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.scene-grid button{height:62px;border:1px solid var(--line);border-radius:7px;background:var(--panel);font-size:10px}.scene-grid button.selected{border-color:var(--violet);background:var(--raised)}.particles-canvas{height:124px}.particles-content .hint{height:11px}.notebook-grid.seven{grid-template-columns:1fr 1fr;gap:4px}.notebook-grid.seven button{height:36px}.calendar-card,.calc-display{height:125px;margin:8px 0;border:1px solid var(--line);border-radius:7px;background:var(--panel);display:grid;place-items:center;font-size:14px;color:var(--cyan)}.calc-display{font-size:28px}.ruler{height:140px;margin-top:8px;border:1px solid var(--line);border-radius:6px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 10px);position:relative}.ruler i{position:absolute;top:0;bottom:65px;width:1px;background:var(--text)}.ruler i:nth-child(1){left:10%}.ruler i:nth-child(2){left:30%}.ruler i:nth-child(3){left:50%}.ruler i:nth-child(4){left:70%}.ruler i:nth-child(5){left:90%}.ruler span{position:absolute;left:10px;right:10px;bottom:12px;color:var(--muted);font-size:7px;text-align:center}.power-canvas{height:60px}.camera-frame{height:137px}.camera-content .mini-actions{height:26px}