:root{--tinta:#14161f;--tinta-2:#1d202c;--tinta-3:#2a2e3d;--papel:#f6f5f8;--texto:#e8e7ee;--texto-2:#9a9cab;--brasa:#ff3d5a;--ambar:#ffb224;--acento:linear-gradient(0deg, var(--brasa), var(--ambar));--mesa:#3a3d4a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--tinta);height:100%;color:var(--texto);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{overscroll-behavior:none;flex-direction:column;display:flex}button{font:inherit;color:inherit}.ribbon{background:var(--tinta);border-bottom:1px solid var(--tinta-3);-webkit-user-select:none;user-select:none}.ribbon button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}.ribbon svg,.statusbar svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.ribbon svg .fill{fill:var(--ambar);stroke:none;opacity:.45}.ribbon-top{align-items:center;gap:12px;min-width:0;padding:4px 10px 0;display:flex}.logo{flex:none;height:20px}.quick{flex:none;gap:2px;display:flex}.quick button{border-radius:8px;place-items:center;width:36px;height:34px;display:grid}.quick button:hover{background:var(--tinta-2)}#save.attention{color:var(--ambar)}.tabs{scrollbar-width:none;align-self:flex-end;gap:2px;display:flex;overflow-x:auto}.tabs button{color:var(--texto-2);white-space:nowrap;border-radius:8px 8px 0 0;padding:8px 14px}.tabs button:hover{color:var(--texto)}.tabs button[aria-selected=true]{background:var(--tinta-2);color:var(--texto);box-shadow:inset 0 2px 0 var(--ambar)}.doc-name{color:var(--texto-2);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;overflow:hidden}.ribbon-body{background:var(--tinta-2);scrollbar-width:thin;align-items:stretch;min-height:86px;display:flex;overflow-x:auto}.panel{flex:none;align-items:stretch;display:flex}.rgroup{border-right:1px solid var(--tinta-3);flex-direction:column;flex:none;justify-content:space-between;padding:6px 8px 4px;display:flex}.rgroup.grow{flex:auto;min-width:220px}.rgroup>label{text-align:center;color:var(--texto-2);letter-spacing:.02em;padding-top:2px;font-size:11px}.rrow{flex:1;align-items:center;gap:2px;display:flex}.rb{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:64px;min-height:58px;line-height:1.1;display:flex;font-size:12px!important}.rb:hover{background:var(--tinta-3)}.rb[aria-pressed=true]{background:var(--tinta-3);box-shadow:inset 0 -2px 0 var(--ambar)}.rb svg{width:26px;height:26px}.props{border-left:1px solid var(--tinta-3);border-right:0;margin-left:auto}.props:has(#swatches:empty){display:none}.field-stack{flex-direction:column;gap:4px;margin-right:4px;display:flex}.field-stack select,.calib-row input,.calib-row select{border:1px solid var(--tinta-3);background:var(--tinta);height:28px;color:var(--texto);font:inherit;border-radius:6px;padding:0 6px}#scale-select{width:150px}.toggle{color:var(--texto-2);cursor:pointer;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.swatch{border-radius:50%;place-items:center;width:30px;height:30px;display:grid!important}.swatch:before{content:"";background:var(--c);border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #fff3}.swatch[aria-pressed=true]:before{box-shadow:0 0 0 2px var(--tinta-2), 0 0 0 4px var(--ambar)}.width{border-radius:6px;place-items:center;width:30px;height:30px;display:grid!important}.width:before{content:"";width:18px;height:var(--w);background:currentColor;border-radius:4px}.width[aria-pressed=true]{background:var(--tinta-3)}.custom-tool{position:relative}.custom-tool .dot{background:var(--c);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;box-shadow:0 0 0 1px #fff3}.custom-tool .dot svg{stroke:#fff;mix-blend-mode:difference;width:14px;height:14px}.custom-tool .del{background:var(--tinta);width:18px;height:18px;color:var(--texto-2);border-radius:50%;font-size:12px;line-height:18px;display:none;position:absolute;top:0;right:2px}.custom-tool:hover .del,.custom-tool:focus-within .del{display:block}.empty-tools{color:var(--texto-2);max-width:300px;padding:0 8px;font-size:12px}.statusbar{background:var(--tinta);border-top:1px solid var(--tinta-3);color:var(--texto-2);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:16px;padding:3px 12px;font-size:12px;display:flex;overflow:hidden}.sb-spacer{flex:1}.sb-item{align-items:center;gap:4px;display:inline-flex}.statusbar input{text-align:right;border:1px solid var(--tinta-3);background:var(--tinta-2);width:44px;height:22px;color:var(--texto);font:inherit;border-radius:4px;padding:0 4px}.statusbar button{width:22px;height:22px;color:var(--texto);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:4px}.statusbar button:hover{background:var(--tinta-2)}#zoom-level{text-align:center;min-width:44px}#scale-status.warn{color:var(--ambar)}#scale-status.ok{color:var(--texto)}.calib-row{gap:8px;margin:8px 0;display:flex}.calib-row input{flex:1}.check{color:var(--texto-2);align-items:center;gap:6px;font-size:13px;display:flex}.stage{flex:1;min-height:0;position:relative}.viewport{background:var(--mesa);touch-action:none;position:absolute;inset:0;overflow:auto}.viewport[data-tool=pen],.viewport[data-tool=marker]{cursor:crosshair}.viewport[data-tool=highlight]{cursor:text}.viewport[data-tool=note]{cursor:copy}.viewport[data-tool=eraser]{cursor:cell}.viewport[data-tool=hand],.viewport.panning{cursor:grab}.viewport.panning{cursor:grabbing}.pages{flex-direction:column;align-items:center;width:max-content;min-width:100%;display:flex}.page{background:#fff;flex:none;position:relative;box-shadow:0 2px 12px #0006}.page canvas{display:block;position:absolute}.page .base{width:100%;height:100%;inset:0}.page .detail{pointer-events:none}.overlay{pointer-events:none;z-index:2;position:absolute;inset:0 auto auto 0}.empty{text-align:center;color:var(--texto-2);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.empty>*{pointer-events:auto}.empty h1{color:var(--texto);margin:12px 0 0;font-size:22px;font-weight:600}.empty p{margin:0}.primary{cursor:pointer;background:var(--acento);color:var(--tinta);border:0;border-radius:10px;margin-top:8px;padding:10px 18px;font-weight:600}.link{color:var(--ambar);cursor:pointer;background:0 0;border:0;margin-top:4px;text-decoration:underline}.hint{color:var(--texto-2);font-size:12px}.metrics{z-index:5;background:var(--tinta-2);border:1px solid var(--tinta-3);border-radius:12px;width:340px;max-width:calc(100% - 24px);padding:12px 14px;position:absolute;top:12px;right:12px;box-shadow:0 8px 30px #0008}.metrics h2{margin:0 0 8px;font-size:14px}.metrics table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.metrics th{text-align:left;color:var(--texto-2);white-space:nowrap;padding:3px 8px 3px 0;font-weight:400}.metrics td{text-align:right;padding:3px 0}.popover{z-index:6;background:var(--papel);max-width:280px;color:var(--tinta);border-radius:10px;padding:10px 12px;position:fixed;box-shadow:0 8px 30px #0008}.popover p{white-space:pre-wrap;margin:4px 0 0}.toast{z-index:6;background:var(--papel);max-width:calc(100% - 32px);color:var(--tinta);border-radius:10px;padding:10px 16px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}dialog{border:1px solid var(--tinta-3);background:var(--tinta-2);color:var(--texto);border-radius:12px;width:min(420px,100% - 32px);padding:16px;box-shadow:0 8px 30px #0008}dialog::backdrop{background:#0007}dialog p{margin:0 0 10px}dialog textarea,#metrics-text{width:100%;font:inherit;color:var(--texto);background:var(--tinta);border:1px solid var(--tinta-3);resize:vertical;border-radius:8px;padding:8px}#metrics-text{height:140px;margin-top:8px;font:11px/1.3 ui-monospace,monospace}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.dialog-actions button{border:1px solid var(--tinta-3);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px}.dialog-actions .primary{border:0;margin:0}dialog.wide{width:min(620px,100% - 32px)}.form-grid{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.form-grid label,.stack{color:var(--texto-2);flex-direction:column;gap:3px;font-size:12px;display:flex}.form-grid .check{flex-direction:row;align-self:end;align-items:center;height:30px}.form-grid input:not([type=checkbox]),.form-grid select,.stack input{border:1px solid var(--tinta-3);background:var(--tinta);height:30px;color:var(--texto);font:inherit;border-radius:6px;padding:0 8px;font-size:14px}.ribbon-items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;max-height:50vh;margin-top:6px;display:grid;overflow:auto}.ribbon-items label{background:var(--tinta);border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-size:13px;display:flex}.ribbon-items label .order{color:var(--ambar);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.ribbon-items svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.ribbon-items svg .fill{fill:var(--ambar);stroke:none;opacity:.45}.tabs .custom-tab{font-style:italic}@media (max-width:560px){.form-grid{grid-template-columns:1fr}}[hidden]{display:none!important}@media (max-width:720px){.logo,.doc-name,#tool-hint{display:none}.rb{width:54px}}