/* Meja Kerja v0.7 — compact shell, persistent player, richer local apps */
:root{--rail:176px;--player-h:72px;--status-h:26px}
body{padding-bottom:calc(var(--status-h) + env(safe-area-inset-bottom))}.page{padding-bottom:calc(var(--player-h) + var(--status-h) + 42px)}
/* Compact desktop navigation */
.rail{width:var(--rail);padding:12px 10px}.shell{grid-template-columns:var(--rail) minmax(0,1fr)}.brand{height:56px;padding:2px 4px 10px;gap:9px}.brand-mark{width:34px;height:34px;flex-basis:34px}.brand-copy strong{font-size:13px}.brand-copy small{display:none}.rail-group{padding:12px 7px 5px;font-size:6.5px}.rail-link{min-height:40px;grid-template-columns:27px minmax(0,1fr);gap:7px;padding:4px 7px;overflow:visible}.rail-link>svg{width:17px;height:17px}.rail-label{font-size:10.5px;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-link::after{content:attr(data-tip);position:absolute;left:calc(100% + 9px);top:50%;transform:translate(6px,-50%);width:max-content;max-width:240px;padding:7px 9px;border:1px solid var(--line-strong);background:var(--ink);color:var(--paper);font:700 9px/1.3 ui-monospace,monospace;opacity:0;visibility:hidden;pointer-events:none;transition:.12s;z-index:400;box-shadow:var(--shadow)}.rail-link:hover::after,.rail-link:focus-visible::after{opacity:1;visibility:visible;transform:translate(0,-50%)}.rail-link.active::before{left:-11px}.sidebar-foot{font-size:6.5px}.workspace{grid-column:2}.statusbar{left:var(--rail);bottom:0;height:var(--status-h);z-index:1260}.topbar{grid-template-columns:minmax(110px,.55fr) minmax(260px,660px) auto}.global-search{height:40px}.power-btn.good{background:var(--green-soft);border-color:var(--green);color:var(--ink)}
.quick-language{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:11px}.quick-language .select{max-width:160px}
/* Global audio footer */
#global-player-host{position:fixed;left:var(--rail);right:0;bottom:var(--status-h);z-index:1250;pointer-events:none}.global-player{height:var(--player-h);background:color-mix(in srgb,var(--paper) 97%,transparent);border-top:1px solid var(--line-strong);display:grid;grid-template-columns:42px minmax(140px,220px) minmax(180px,1fr) auto minmax(180px,260px);align-items:center;gap:10px;padding:8px 14px;transform:translateY(calc(100% + 2px));transition:transform .22s var(--ease);backdrop-filter:blur(12px);pointer-events:auto;box-shadow:0 -8px 18px rgba(35,39,34,.05)}.global-player.visible{transform:none}.player-art{width:40px;height:40px;border:1px solid var(--line-strong);background:var(--red-soft);display:grid;place-items:center}.player-copy{min-width:0}.player-copy b,.player-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-copy b{font-size:11px}.player-copy small{font:700 7px/1.3 ui-monospace,monospace;color:var(--quiet);margin-top:4px}.player-wave-wrap{min-width:0;position:relative}.player-wave{height:29px;display:flex;align-items:center;gap:2px;overflow:hidden;position:relative}.player-wave::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--progress,0%);background:color-mix(in srgb,var(--cyan) 26%,transparent);mix-blend-mode:multiply;pointer-events:none}.player-wave i{display:block;flex:1;min-width:1px;height:var(--h);background:var(--muted);opacity:.6;border-radius:1px}.global-player.playing .player-wave i{animation:wavePulse .8s ease-in-out infinite alternate}.global-player.playing .player-wave i:nth-child(3n){animation-delay:-.25s}.global-player.playing .player-wave i:nth-child(4n){animation-delay:-.4s}@keyframes wavePulse{to{transform:scaleY(.45);opacity:.35}}.player-wave-wrap input[type=range]{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.player-time{display:flex;justify-content:space-between;font:700 7px ui-monospace,monospace;color:var(--quiet);margin-top:1px}.player-controls,.player-secondary{display:flex;align-items:center;gap:5px}.player-main{background:var(--ink);color:var(--paper);border-color:var(--ink)}.player-rate{width:70px;height:34px;padding-inline:7px}.player-secondary input[type=range]{width:84px}.player-close{margin-left:2px}
/* Notes */
.notes-shell{display:grid;grid-template-columns:230px 300px minmax(0,1fr);min-height:690px;border:1px solid var(--line);background:var(--paper)}.notes-side,.notes-list{border-right:1px solid var(--line);min-width:0}.notes-side{padding:10px}.notes-list{display:flex;flex-direction:column}.notes-list-head{padding:10px;border-bottom:1px solid var(--line)}.note-items{overflow:auto;max-height:620px}.note-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px}.note-row:hover,.note-row.active{background:var(--yellow-soft)}.note-row b{display:block;font-size:11px}.note-row p{margin:4px 0 0;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-row .tiny{margin-top:7px}.notebook-item{width:100%;display:flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;padding:8px}.notebook-item.active,.notebook-item:hover{background:var(--paper-2);border-color:var(--line)}.note-editor{min-width:0;display:flex;flex-direction:column}.note-editor-top{padding:10px;border-bottom:1px solid var(--line);display:flex;gap:6px;flex-wrap:wrap}.note-title{border:0;border-bottom:1px solid var(--line);background:transparent;font-size:clamp(22px,4vw,38px);font-weight:700;letter-spacing:-.04em;padding:16px 18px 10px;outline:0}.note-body{min-height:480px;border:0;resize:none;background:transparent;padding:12px 18px 24px;font:15px/1.7 Georgia,serif;outline:0}.note-preview{padding:18px;line-height:1.7;overflow:auto}.note-checklist{padding:10px 18px;display:grid;gap:7px}.check-row{display:flex;gap:8px;align-items:flex-start}.tag-cloud{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
/* Flow richer */
.flow-view-switch{display:flex;gap:5px}.kanban.flow-v07{grid-template-columns:repeat(6,minmax(245px,1fr));padding-bottom:4px}.flow-v07 .kanban-col{min-height:440px}.task{border-radius:5px}.task .task-desc{font-size:9px;color:var(--muted);line-height:1.45;margin-top:6px}.task-meta-line{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font:700 7px ui-monospace,monospace;color:var(--quiet)}.task-checks{display:flex;gap:3px;flex-wrap:wrap;margin-top:6px}.flow-list{display:grid;gap:6px}.flow-list-row{display:grid;grid-template-columns:26px minmax(180px,1fr) 100px 90px 90px 80px auto;gap:8px;align-items:center;border:1px solid var(--line);background:var(--paper);padding:9px}.flow-list-row.done{opacity:.6}.priority-p1{border-left:4px solid var(--red)}.priority-p2{border-left:4px solid var(--yellow)}.priority-p3{border-left:4px solid var(--green)}
/* Calendar richer */
.calendar-shell{padding:10px}.calendar-toolbar-grid{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.calendar-views{display:flex;gap:4px;overflow:auto}.day-agenda{display:grid;grid-template-columns:72px minmax(0,1fr);border:1px solid var(--line)}.hour-label{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:8px;font:700 8px ui-monospace,monospace;color:var(--quiet)}.hour-slot{min-height:58px;border-bottom:1px solid var(--line);padding:5px;position:relative}.agenda-list{display:grid;gap:6px}.agenda-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);padding:10px;background:var(--paper)}.holiday-dot{width:7px;height:7px;border-radius:50%;background:var(--red);display:inline-block}.calendar-day .holiday-name,.month-day .holiday-name{display:block;font-size:6.5px;color:var(--red);margin-top:3px}.calendar-weather{font-size:7px;color:var(--blue);margin-left:auto}.calendar-empty{min-height:48px}
/* Canvas */
.canvas-stage-v07{display:grid;grid-template-columns:56px minmax(0,1fr) 230px;min-height:690px;border:1px solid var(--line);background:var(--paper)}.canvas-tools{border-right:1px solid var(--line);padding:7px;display:flex;flex-direction:column;gap:5px}.canvas-tools .btn{width:40px;height:40px}.fabric-wrap{min-width:0;position:relative;overflow:hidden;background:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 1.2px),var(--paper-2);background-size:20px 20px}.fabric-wrap canvas{touch-action:none}.canvas-inspector{border-left:1px solid var(--line);padding:10px}.canvas-layer-list{display:grid;gap:5px;max-height:320px;overflow:auto}.canvas-layer{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--line);background:var(--paper)}.canvas-fallback{height:680px;width:100%;touch-action:none;background:var(--paper-2)}
/* Gallery */
.gallery-shell-v07{display:grid;grid-template-columns:210px minmax(0,1fr);gap:10px}.gallery-side{border:1px solid var(--line);background:var(--paper);padding:10px;align-self:start;position:sticky;top:calc(var(--top) + 10px)}.gallery-toolbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.gallery-grid-v07{columns:4 220px;column-gap:8px}.gallery-grid-v07 .gallery-item{display:block;width:100%;aspect-ratio:auto;margin:0 0 8px;break-inside:avoid;padding:0;text-align:left}.gallery-grid-v07 .gallery-item img{display:block;width:100%;height:auto;min-height:120px;object-fit:cover}.gallery-item .gallery-actions{position:absolute;right:6px;top:6px;display:flex;gap:4px;opacity:0;transition:.15s}.gallery-item:hover .gallery-actions{opacity:1}.gallery-fav{background:var(--paper);border:1px solid var(--line);width:28px;height:28px;display:grid;place-items:center}.gallery-fav.active{background:var(--red-soft);color:var(--red)}.gallery-selection{outline:3px solid var(--blue)}.gallery-empty{border:1px dashed var(--line-strong);padding:40px;text-align:center}.compare-stage{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare-stage img{width:100%;max-height:70vh;object-fit:contain;background:var(--paper-2)}
/* Settings cleanup */
.settings-layout{grid-template-columns:210px minmax(0,1fr);align-items:start}.settings-nav{position:sticky;top:calc(var(--top) + 10px);display:grid;gap:4px}.settings-nav .tree-item{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;text-align:left}.settings-nav .tree-item svg{width:17px}.settings-anchor{scroll-margin-top:calc(var(--top) + 14px)}.settings-anchor .setting-item:last-child{border-bottom:0}.language-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.language-card{border:1px solid var(--line);background:var(--paper-2);padding:12px;text-align:left}.language-card.active{border-color:var(--blue);background:var(--blue-soft)}
/* Responsive */
@media(max-width:1100px){:root{--rail:72px}.brand{width:52px;margin-inline:auto}.brand-copy,.rail-label,.rail-group,.sidebar-foot{display:none}.rail-link{width:52px;grid-template-columns:1fr;justify-content:center;margin-inline:auto}.rail-link::after{left:calc(100% + 14px)}.statusbar,#global-player-host{left:var(--rail)}.global-player{grid-template-columns:42px minmax(120px,180px) minmax(140px,1fr) auto}.player-secondary{display:none}.notes-shell{grid-template-columns:190px 260px minmax(0,1fr)}.gallery-shell-v07{grid-template-columns:180px 1fr}.canvas-stage-v07{grid-template-columns:50px 1fr}.canvas-inspector{display:none}}
@media(max-width:920px){:root{--rail:0px;--player-h:68px}.shell{padding-bottom:72px}.rail{left:0;right:0;bottom:0;top:auto;width:auto;height:70px;display:flex;flex-direction:row;align-items:center;padding:6px 7px;border-right:0;border-top:1px solid var(--line);overflow-x:auto;z-index:1300}.rail .brand,.rail-group,.rail-spacer,.sidebar-foot,.rail-link:not(.primary-app):not(.mobile-more){display:none}.rail-nav{display:flex;flex-direction:row;width:100%;justify-content:space-around}.rail-link.primary-app,.mobile-more{display:grid;grid-template-columns:1fr;gap:3px;width:58px;min-height:52px;padding:3px}.rail-label{display:block;font-size:7px;text-align:center}.rail-link::after{display:none}.mobile-more{display:grid}.workspace{margin:0}.statusbar{left:0;bottom:70px}.global-player{height:68px;left:0;grid-template-columns:36px minmax(80px,140px) 1fr auto;padding:7px 9px}.player-art{width:34px;height:34px}.player-secondary{display:none}.player-wave{height:24px}.player-controls .btn:not(.player-main){display:none}.page{padding-bottom:calc(var(--player-h) + 110px)}#global-player-host{left:0;bottom:calc(70px + var(--status-h))}.notes-shell{grid-template-columns:170px minmax(0,1fr)}.notes-list{display:none}.gallery-shell-v07{grid-template-columns:1fr}.gallery-side{position:static;display:flex;gap:5px;overflow:auto}.gallery-side .eyebrow,.gallery-side .divider{display:none}.canvas-stage-v07{grid-template-columns:1fr;grid-template-rows:auto minmax(560px,1fr)}.canvas-tools{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow:auto}.canvas-tools .btn{flex:0 0 40px}.flow-list-row{grid-template-columns:24px 1fr auto}.flow-list-row>*:nth-child(3),.flow-list-row>*:nth-child(4),.flow-list-row>*:nth-child(5){display:none}.settings-layout{grid-template-columns:1fr}.settings-nav{position:sticky;top:var(--top);z-index:40;display:flex;overflow-x:auto;padding:6px;background:var(--paper);white-space:nowrap}.settings-nav .eyebrow{display:none}.settings-nav .tree-item{display:flex;flex:0 0 auto}.settings-nav .tree-item span{display:block}.settings-anchor{scroll-margin-top:calc(var(--top) + 64px)}}
@media(max-width:620px){.topbar{grid-template-columns:1fr auto}.global-search{min-width:0}.top-actions .power-btn{display:none}.player-copy{display:none}.global-player{grid-template-columns:34px minmax(110px,1fr) auto}.player-wave-wrap{min-width:90px}.notes-shell{display:block}.notes-side{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto;padding:6px}.notes-side .eyebrow,.notes-side .divider,.notes-side .template-grid{display:none}.notebook-item{flex:0 0 auto;width:auto}.note-editor{min-height:620px}.gallery-grid-v07{columns:2 150px}.calendar-toolbar-grid{grid-template-columns:1fr}.agenda-row{grid-template-columns:82px 1fr}.language-cards{grid-template-columns:1fr}.player-time{display:none}}
.gallery-compact .gallery-grid-v07{columns:6 140px}
@media(min-width:921px) and (max-width:1100px){.settings-nav{display:grid!important}.settings-layout{grid-template-columns:190px minmax(0,1fr)}}
.gallery-grid-v07 .gallery-item{background:linear-gradient(100deg,var(--paper-2) 20%,var(--paper-3) 38%,var(--paper-2) 56%);background-size:220% 100%;animation:gallerySkeleton 1.25s linear infinite}.gallery-grid-v07 .gallery-item:has(img.loaded){animation:none;background:var(--paper-2)}.gallery-grid-v07 .gallery-item img{opacity:0;transition:opacity .2s ease}.gallery-grid-v07 .gallery-item img.loaded{opacity:1}@keyframes gallerySkeleton{to{background-position:-220% 0}}body[data-motion="low"] .gallery-grid-v07 .gallery-item{animation:none}