.pv{z-index:200;--pv-paper:#fffaf0;--pv-line:#e2cc9f;--pv-ink:#3c2913;--pv-muted:#735f44;--pv-gold:#875a17;--pv-espresso:#3b2a14;--pv-cream:#f7efdc;--pv-accent:#e8c27a;background:var(--pv-paper);color:var(--pv-ink);flex-direction:column;display:flex;position:fixed;inset:0}.pv-panel{width:100%;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.pv-head{border-bottom:1px solid var(--pv-line);color:var(--pv-ink);background:linear-gradient(115deg,#fffaf0,#f6e4c0);flex:none;align-items:center;gap:12px;padding:6px 12px;display:flex}.pv-x,.pv-nav{border:1px solid var(--pv-line);min-width:44px;min-height:44px;color:var(--pv-ink);cursor:pointer;background:#fffdf7;border-radius:10px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600}.pv-nav{justify-content:center;align-items:center;gap:6px;display:inline-flex}.pv-x{padding:0;font-size:16px}.pv-zoom{border:1px solid var(--pv-line);background:#fffdf7;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 6px 4px 12px;display:inline-flex}.pv-zoom-label{color:var(--pv-ink);font-size:12px;font-weight:700}.pv-zoom button{width:36px;height:36px;color:var(--pv-espresso);font:inherit;cursor:pointer;background:#f6e3bd;border:0;border-radius:50%;font-size:18px;font-weight:700;line-height:1}.pv-zoom button:disabled{opacity:.4;cursor:default}.pv-zoom input{width:120px;accent-color:var(--pv-gold)}.pv-zoom-value{text-align:right;font-variant-numeric:tabular-nums;min-width:44px;color:var(--pv-gold);font-size:12px;font-weight:700}.pv-nav:disabled{opacity:.35;cursor:default}.pv-x:hover,.pv-nav:hover:not(:disabled){background:#f6e3bd;border-color:#d9af63}.pv-hal,.pv-pos{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;font-size:12.5px}.pv-pos{color:var(--pv-muted)}.pv-student{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--pv-muted);font-size:12px;overflow:hidden}.pv-box{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#efe1c3;flex:1;padding:8px;position:relative;overflow:auto}.pv-img{width:100%;max-width:none;height:auto;display:block}.pv-page{margin:0 auto;position:relative;box-shadow:0 10px 34px #3b2a1438}.pv-page.fitted{width:min(72%,1100px)}.pv-page.zoomed{width:215%}.pv-ink{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pv-ink.drawing{pointer-events:auto;touch-action:none;cursor:crosshair}.pv-ink.erasing{pointer-events:auto;touch-action:none;cursor:cell}.pv-page-attribution{z-index:4;max-width:calc(100% - 20px);color:var(--pv-cream);pointer-events:none;background:#3b2a14db;border-radius:8px;flex-direction:column;gap:2px;padding:6px 9px;font-size:10.5px;line-height:1.4;display:flex;position:absolute;bottom:10px;left:10px}.pv-inkbar{z-index:95;top:calc(env(safe-area-inset-top) + 64px);max-width:calc(100vw - 16px);color:var(--pv-cream);touch-action:none;-webkit-user-select:none;user-select:none;background:#3b2a14f5;border:1px solid #e8c27a73;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #3b2a1452}.pv-inkbar[data-moved]{transform:none}.pv-inkbar button{min-width:40px;height:40px;color:var(--pv-cream);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0 10px;font-size:17px;font-weight:700;line-height:1;display:grid}.pv-inkbar button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pv-inkbar button:hover:not(:disabled){background:#f7efdc1f}.pv-inkbar button.on{color:var(--pv-espresso);background:#f6e3bd}.pv-inkbar button:disabled{opacity:.38;cursor:default}.pv-inkbar button.save{background:var(--pv-accent);color:var(--pv-espresso);padding:0 16px;font-size:13px}.pv-inkbar button.save:disabled{color:var(--pv-cream);opacity:.6;background:#f7efdc24}.pv-inkbar .pv-grip{cursor:grab;color:#f7efdc99;width:26px;min-width:26px;padding:0}.pv-inkbar .pv-grip:active{cursor:grabbing}.pv-inkbar .pv-grip svg{fill:currentColor;stroke:none;width:10px;height:18px}.pv-inkbar .pv-fold{color:#f7efdcb3;width:30px;min-width:30px;padding:0;font-size:18px}.pv-inkbar .pv-color{width:40px;min-width:40px;padding:0}.pv-inkbar .pv-color:after{content:"";background:var(--ink);width:20px;height:20px;box-shadow:0 0 0 2px var(--pv-cream);border-radius:99px;display:block}.pv-inkbar .pv-color.on{background:0 0}.pv-inkbar .pv-size{align-items:center;padding:0 6px;display:flex}.pv-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pv-inkbar input{width:64px;accent-color:var(--pv-accent)}.pv-work{flex-direction:column;flex:1;min-height:0;display:flex}.pv-box{min-height:0}@media (min-width:900px) and (min-aspect-ratio:1){.pv-work{flex-direction:row}.pv-box{flex:1;min-width:0}.pv-work>.pv-collab{border-top:0;border-left:1px solid var(--pv-line);flex:none;width:min(380px,32vw);max-height:none}.pv-work>.pv-collab .pv-collab-body{grid-template-columns:1fr}.pv-work>.pv-collab .pv-recording audio{flex-basis:100%;width:100%}.pv-inkbar:not([data-moved]){left:calc(50vw - min(380px,32vw)/2)}}.pv-count{color:var(--pv-gold);letter-spacing:0;background:#f3e5c4;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px}.pv-collab{border-top:1px solid var(--pv-line);background:var(--pv-paper);max-height:min(38dvh,330px);color:var(--pv-ink);flex:none;overflow:auto}.pv-collab>summary{z-index:2;cursor:pointer;background:var(--pv-paper);color:var(--pv-gold);letter-spacing:.04em;padding:10px 14px;font-size:12px;font-weight:800;position:sticky;top:0}.pv-collab-body{grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:16px;padding:2px 14px 14px;display:grid}.pv-inkstatus{color:var(--pv-muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.pv-inkstatus b{color:var(--pv-ink);font-size:13px}.pv-inkstatus .dirty{color:#9a3b2c}.pv-audio{min-width:0}.pv-toolhead{justify-content:space-between;align-items:center;gap:12px;display:flex}.pv-toolhead>div{flex-direction:column;gap:2px;display:flex}.pv-toolhead b{font-size:13px}.pv-toolhead span,.pv-message{color:var(--pv-muted);font-size:11.5px}.pv-record{min-height:40px;color:var(--pv-ink);font:inherit;cursor:pointer;background:#fffdf7;border:1px solid #d9af63;border-radius:99px;flex:none;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.pv-record:disabled{opacity:.45;cursor:default}.pv-record i{background:#b04a3a;border-radius:99px;width:9px;height:9px}.pv-record.stop{color:#fff9ef;background:#b04a3a;border-color:#b04a3a}.pv-record.stop i{background:#fff9ef;border-radius:2px}.pv-preview,.pv-recording{border:1px solid var(--pv-line);background:#fffdf7;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:9px;padding:8px 10px;display:flex}.pv-preview audio,.pv-recording audio{flex:1;min-width:180px;height:34px}.pv-preview button,.pv-recording button{border:1px solid var(--pv-espresso);background:var(--pv-espresso);min-height:36px;color:var(--pv-cream);font:inherit;cursor:pointer;border-radius:9px;padding:0 11px;font-size:11.5px;font-weight:800}.pv-preview button.plain,.pv-recording button.plain{color:var(--pv-ink);border-color:var(--pv-line);background:0 0}.pv-recording button.danger{color:#9a3b2c}.pv-message{margin:8px 0 0;line-height:1.5}.pv-recordings{flex-direction:column;gap:7px;margin-top:9px;display:flex}.pv-recordings>span{color:var(--pv-muted);font-size:11.5px}.pv-recording{margin-top:0}.pv-recording>div{flex-direction:column;min-width:130px;display:flex}.pv-recording b{font-size:12px}.pv-recording span{color:var(--pv-muted);font-size:10.5px}.pv-foot{border-top:1px solid var(--pv-line);background:var(--pv-paper);flex:none;align-items:center;gap:10px;padding:10px 14px;display:flex}.pv-hint{text-align:center;color:var(--pv-muted);flex:1;font-size:11.5px;line-height:1.4}@media (max-width:420px){.pv-zoom{gap:2px;padding-left:4px}.pv-zoom input{width:64px}.pv-zoom-value{min-width:38px}.pv-inkbar input{width:48px}.pv-inkbar button{min-width:36px;padding:0 8px}.pv-nav{padding:0 14px;font-size:16px}.pv-nav-label{display:none}.pv-hint{font-size:11px}.pv-student{display:none}}@media (max-width:760px){.pv-page.fitted{width:100%}.pv-collab{max-height:min(46dvh,390px)}.pv-collab-body{grid-template-columns:1fr}.pv-zoom-label{display:none}.pv-zoom input{width:84px}.pv-toolhead{align-items:flex-start}.pv-record{min-height:44px}.pv-preview audio,.pv-recording audio{flex-basis:100%;width:100%}}.q-halaman figure{cursor:zoom-in}.q-halaman button.q-page{width:100%;font:inherit;color:inherit;cursor:zoom-in;text-align:center;background:0 0;border:0;padding:0;display:block}@media (max-width:640px){.q-page-recording{grid-template-columns:1fr}}