@font-face{font-family:SD Grotesk;src:url(../assets/space-grotesk.woff2) format("woff2");font-display:swap;font-weight:300 700}
@font-face{font-family:SD Serif;src:url(../assets/instrument-italic.woff2) format("woff2");font-display:swap;font-style:italic}

.sd-console{
  --sd-line:#41403c;--sd-cream:#f4eede;--sd-muted:#beb9aa;--sd-orange:#fc9870;--sd-sage:#c5dba6;
  --sd-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  position:relative;box-sizing:border-box;width:980px;height:496px;flex:none;isolation:isolate;
  overflow:hidden;transform-origin:center center;text-align:left;color:var(--sd-cream);
  background:linear-gradient(125deg,#33332e 0%,#242522 29%,#292a25 70%,#22231f);
  border:1px solid #6d6c60;border-radius:14px;
  box-shadow:0 28px 64px -20px #000b,0 1px 0 #a6a48f70 inset,0 0 0 3px #11141180;
  font:13px/1.25 "SD Grotesk",Arial,sans-serif;
}
.sd-console *{box-sizing:border-box}
.sd-console h3,.sd-console p{margin:0}
.sd-console button{font:inherit;appearance:none;cursor:pointer;touch-action:manipulation}
.sd-console button:focus-visible{outline:2px solid #ffcd9b;outline-offset:2px}
.sd-toolbar{height:48px;display:flex;gap:14px;align-items:center;padding:0 18px;border-bottom:1px solid #474940;background:linear-gradient(180deg,#32342f,#2a2c28);box-shadow:inset 0 -1px 0 #181b17}
.sd-word{display:flex;align-items:center;gap:8px;font-weight:650;font-size:17px;letter-spacing:-.07em}
.sd-logomark{display:flex;gap:2px;height:16px;align-items:center;transform:skew(-16deg)}
.sd-logomark b{width:3px;height:10px;background:var(--sd-orange)}.sd-logomark b:nth-child(2){height:16px}.sd-logomark b:nth-child(3){height:13px}
.sd-toolbar-rule{width:1px;height:15px;background:#56574c}.sd-workspace-name,.sd-project{font-size:12px;color:#d0cebf}
.sd-project{margin:auto;font-size:13px}.sd-project i,.sd-proof-caption strong i{font-family:"SD Serif",Georgia,serif;font-weight:400}
.sd-project i{font-size:17px}.sd-run-indicator{display:flex;gap:7px;align-items:center;font:10px/1 var(--sd-mono);color:#d4d5bf}
.sd-run-indicator i,.sd-live,.sd-job-lamp,.sd-register-result i,.sd-proof-mark i{width:5px;height:5px;border-radius:50%;background:#9ea77d}
.sd-console[data-feeding="true"] .sd-run-indicator i,.sd-console[data-aligned="true"] .sd-register-result i,.sd-console[data-approved="true"] .sd-proof-mark i{background:#cef2a6;box-shadow:0 0 7px #b9dc7c73}
.sd-instruments{height:415px;display:grid;grid-template-columns:293px 350px minmax(0,1fr);grid-template-rows:210px minmax(0,1fr);gap:9px;padding:12px}
.sd-panel{position:relative;min-width:0;overflow:hidden;border:1px solid #494a41;border-radius:7px;background:linear-gradient(125deg,#2b2d28,#252722 75%);box-shadow:inset 0 1px 0 #f8e6bb0a,0 2px 2px #080b080f}
.sd-panel-head{display:flex;align-items:center;gap:8px;padding:0 12px;height:35px;border-bottom:1px solid #41443b}
.sd-panel-num,.sd-port,.sd-field,.sd-register-result,.sd-reg-foot,.sd-film,.sd-proof-flag,.sd-proof-mark,.sd-feed-head,.sd-statusbar,.sd-job small,.sd-ink-buttons button,.sd-proof-tools button,.sd-release-wrap button{font:10px/1.3 var(--sd-mono)}
.sd-panel-num{font-size:9px;border:1px solid #56584a;border-radius:3px;color:#b9bca9;padding:1px 3px}
.sd-panel-head h3{font:550 13px/1.1 "SD Grotesk",Arial,sans-serif;letter-spacing:-.025em;color:#f3f1e6}
.sd-port{margin-left:auto;letter-spacing:.08em;color:#afa99a;font-size:8px}
.sd-field{color:#bdb7a6}
.sd-register{grid-row:1;grid-column:1;background:radial-gradient(ellipse at 16% 52%,#38382b 0%,#292a24 48%,#22251f 100%)}
.sd-scope{height:144px;display:flex;align-items:center;gap:8px;padding:3px 10px 0;background-image:radial-gradient(circle,#cdd7a50a .6px,transparent .8px);background-size:5px 5px}
.sd-scope-art{height:140px;width:146px;flex:none;overflow:visible}
.sd-register-front{transform:translate(var(--reg-x,14px),var(--reg-y,-12px));filter:drop-shadow(0 0 2.8px #e97d5740)}
.sd-register-back{filter:drop-shadow(0 0 2.4px #e5d09d40)}
.sd-scope-needle{transform:rotate(var(--needle,-120deg))}
.sd-register-data{display:grid;align-content:center;gap:4px;min-width:0}
.sd-big{font:400 38px/1 "SD Grotesk",sans-serif;letter-spacing:-.085em;font-variant-numeric:tabular-nums;white-space:nowrap}
.sd-big small{font:11px var(--sd-mono);letter-spacing:.025em;margin-left:7px;color:var(--sd-muted)}
.sd-register-result,.sd-proof-mark{display:flex;align-items:center;gap:6px;color:#e0c9a5;font-size:9px;white-space:nowrap}
.sd-register-result i,.sd-proof-mark i{background:#e99a66}
.sd-console[data-aligned="true"] .sd-register-result,.sd-console[data-approved="true"] .sd-proof-mark{color:var(--sd-sage)}
.sd-reg-foot{height:29px;margin:0 12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #404336;color:var(--sd-muted);font-size:9px}
.sd-reg-foot button,.sd-release-wrap button{border:0;background:none;color:#e7d8b7;font:inherit;text-align:left;text-decoration:underline;text-underline-offset:2px;padding:2px 0}
.sd-inks{grid-column:1;grid-row:2}
.sd-film{height:85px;display:flex;align-items:center;gap:11px;padding:6px 12px 2px}
.sd-film-sample{height:63px;width:49px;flex:none;position:relative;overflow:hidden;border-radius:2px;background:#e9d6ad;box-shadow:0 1px 3px #0007}
.sd-film-sample img,.sd-paper img,.sd-paper-grit{position:absolute;inset:0;width:100%;height:100%;display:block}
.sd-film-sample img{width:100%;height:100%;object-fit:contain}
.sd-film-dark,.sd-paper-a{opacity:var(--ink-a,1)}.sd-film-red,.sd-paper-b{opacity:var(--ink-b,1)}
.sd-density{width:100%;min-width:0}.sd-density-head,.sd-feed-head{display:flex;align-items:center;justify-content:space-between;color:var(--sd-muted)}
.sd-density-head{margin-bottom:6px}.sd-density-head span:last-child{color:#eee8d4}
.sd-curve{height:48px;width:100%;display:block}.sd-curve [data-curve]{stroke-dasharray:1;stroke-linecap:round}
.sd-curve [data-curve="a"]{stroke-dashoffset:var(--curve-a,1)}.sd-curve [data-curve="b"]{stroke-dashoffset:var(--curve-b,1)}
.sd-curve-probe{transform:translateX(var(--probe-x,0px))}
.sd-ink-buttons{display:flex;gap:4px;margin:6px 12px 0}
.sd-ink-buttons button,.sd-proof-tools button{background:#34362f;color:#e3dfcf;border:1px solid #53564a;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.sd-ink-buttons button{font-size:9px;flex:1;height:28px}
.sd-ink-buttons button[aria-pressed="true"]{background:#e4e0c8;color:#272a22;border-color:#e4e0c8}
.sd-color-a,.sd-color-b{width:6px;height:6px;background:#677c84;border-radius:1px;display:inline-block}
.sd-color-b{background:#e17b56}
.sd-proof{grid-column:2;grid-row:1/3;display:flex;flex-direction:column}
.sd-light-table{position:relative;isolation:isolate;min-height:0;flex:1;margin:8px 9px 0;display:grid;place-items:center;border-radius:3px;overflow:hidden;background:radial-gradient(ellipse at 44% 39%,#76786b 0,#585c50 44%,#454a41 80%,#3e433b);box-shadow:inset 0 1px 2px #0003}
.sd-light-table::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(118deg,transparent 0 3px,#e3e4d108 3px 4px),radial-gradient(circle,#d6d6bc2b .7px,transparent .8px);background-size:auto,6px 6px}
.sd-bed-ticks{position:absolute;left:5px;top:20px;bottom:20px;width:5px;background:repeating-linear-gradient(to bottom,#9ca58d 0 1px,transparent 1px 6px)}
.sd-crop{position:absolute;width:9px;height:9px;border-color:#bfc9ac;border-style:solid;opacity:.8}
.sd-crop-tl{left:20px;top:13px;border-width:1px 0 0 1px}.sd-crop-tr{right:16px;top:13px;border-width:1px 1px 0 0}
.sd-crop-bl{left:20px;bottom:13px;border-width:0 0 1px 1px}.sd-crop-br{right:16px;bottom:13px;border-width:0 1px 1px 0}
.sd-paper{position:relative;height:85%;aspect-ratio:660/768;transform:rotate(-4.5deg);background:#efdeb3;box-shadow:4px 11px 14px -5px #171a18ab,0 1px 1px #0003}
.sd-paper-a{transform:translateX(var(--dark-x,0px))}.sd-paper-b{transform:translate(var(--red-x,0px),var(--red-y,0px));filter:drop-shadow(var(--plate-lift,0px) var(--plate-lift,0px) var(--plate-lift,0px) #4b332e5c)}
.sd-paper-grit{background:repeating-linear-gradient(150deg,#cbb99a12 0 1px,transparent 1px 3px);pointer-events:none}
.sd-scanner{position:absolute;z-index:2;left:0;right:0;top:var(--scan-y,0%);height:2px;opacity:var(--scan-alpha,0);background:#ffda9f;box-shadow:0 0 5px 1px #f5af67,0 -6px 12px 3px #fec29259}
.sd-scanner::before{content:"";position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(transparent,#f9cf9d42)}
.sd-proof-flag{font-size:7px;letter-spacing:.14em;position:absolute;right:11px;bottom:7px;color:#e5e5d8}
.sd-stamp{position:absolute;right:16px;top:13px;display:flex;align-items:center;gap:3px;color:#e4f0c6;background:#354032e8;border:1px solid #93a17f;border-radius:4px;padding:3px 6px 3px 3px;font:9px/1.05 var(--sd-mono);opacity:var(--seal,0);transform:translateY(calc((1 - var(--seal,0))*-7px)) rotate(-2deg)}
.sd-stamp svg{width:21px;height:21px;fill:none;stroke:#cfdfa8;stroke-width:2}
.sd-stamp path{stroke-width:3;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--seal,0))}
.sd-proof-caption{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px;gap:4px}
.sd-proof-caption .sd-field{font-size:9px}.sd-proof-caption strong{display:block;font-size:21px;line-height:1.1;font-weight:550;letter-spacing:-.06em}
.sd-proof-caption i{font-size:24px}
.sd-proof-tools{display:flex;gap:6px;margin:0 12px 11px}
.sd-proof-tools button{font-size:9px;height:26px;padding:0 9px}.sd-proof-tools button:last-child{border-color:#737860;background:#474d39;color:#e1ebc9}
.sd-queue{grid-column:3;grid-row:1/3;display:flex;flex-direction:column}
.sd-queue-tally{display:flex;gap:12px;align-items:baseline;padding:10px 13px 7px;color:#c9c6b8;font-size:11px}
.sd-queue-tally .sd-big{font-size:33px;color:#f1ecde}
.sd-jobs{display:grid;gap:4px;padding:0 11px}
.sd-job{display:flex;gap:8px;align-items:center;height:37px;background:#32352e;border-radius:4px;border:1px solid #42463d;padding:3px 7px}
.sd-job strong,.sd-job small{display:block}.sd-job strong{font-size:11px;font-weight:510}.sd-job small{font-size:8px;color:#c4c3b5;margin-top:1px}
.sd-job-lamp{margin-left:auto;background:#889177;width:4px;height:4px}
.sd-queue-cover,.sd-slot{display:block;width:18px;height:24px;flex:none;position:relative}
.sd-cover-index{background:repeating-radial-gradient(ellipse at 0% 84%,#e6b890 0 3px,#865d55 4px 6px)}
.sd-cover-notes{background:repeating-linear-gradient(148deg,#b8bc91 0 3px,#4d6653 4px 6px)}
.sd-cover-tideline{position:absolute;left:7px;background:url(../assets/tideline.webp) center/cover;opacity:0}
.sd-slot{font:9px/24px var(--sd-mono);text-align:center;color:#9e9e89;border:1px dashed #757967}
.sd-incoming{position:relative;border-style:dashed;background:#23261f}
.sd-incoming .sd-job-lamp{background:#666951}
.sd-console[data-queued="true"] .sd-incoming{border-style:solid;border-color:#7a8965;background:#394331}
.sd-console[data-queued="true"] .sd-cover-tideline{opacity:1;transform:translateY(var(--queue-drop,0px))}
.sd-console[data-queued="true"] .sd-slot{opacity:0}.sd-console[data-queued="true"] .sd-incoming .sd-job-lamp{background:#d0dc9a}
.sd-feed{padding:11px 13px 0;margin-top:auto}
.sd-feed-head{font-size:9px}.sd-feed-head span:last-child{color:#d0d7bb}
.sd-machine{position:relative;height:72px;margin-top:4px;overflow:hidden;border-top:1px solid #42483a;border-bottom:1px solid #42483a;background:repeating-linear-gradient(90deg,#363a311f 0 15px,#5c625a20 16px 17px),#252920}
.sd-machine-bed{position:absolute;bottom:14px;left:17%;right:8%;height:3px;background:linear-gradient(#b0b29b,#53594c);transform:skewY(-6deg)}
.sd-roller,.sd-roller-back{position:absolute;left:50%;top:13px;width:37%;height:15px;border:1px solid #9c9d85;border-radius:8px;transform:rotate(-7deg);background:repeating-linear-gradient(90deg,#7c816e 0 1px,#656c5a 2px 3px,#929780 4px 5px);background-position:var(--roller-tread,0px) 0;box-shadow:0 3px 2px #0e150b}
.sd-roller-back{left:34%;top:26px}
.sd-feed-sheets{position:absolute;width:30%;height:22px;left:6%;bottom:5px;transform:skewX(-22deg) rotate(-7deg)}
.sd-feed-sheets i{position:absolute;inset:0;background:#aaad97;border:1px solid #626955;transform:translate(0,3px)}
.sd-feed-sheets i:nth-child(2){background:#c7cab1;transform:translate(2px,1px)}
.sd-feed-sheets i:last-child{background:repeating-linear-gradient(160deg,#6c7463 0 1px,transparent 1px 5px),#d9dac1;transform:translateX(var(--sheet-feed,0px))}
.sd-machine-axis{position:absolute;right:13%;top:16px;width:9px;height:9px;border-radius:50%;border:2px solid #33382d;background:linear-gradient(135deg,#b8ba9d 40%,#5d644e 45%,#5d644e 56%,#b8ba9d 60%);transform:rotate(var(--roll,0deg))}
.sd-rpm{position:absolute;right:2px;bottom:3px;color:#c6cab0;font:8px/1 var(--sd-mono)}
.sd-release-wrap{margin:5px 13px 10px;display:flex;justify-content:flex-end}
.sd-release-wrap button{font-size:9px}
.sd-release-wrap button:disabled{cursor:default;color:#b4b6a4;text-decoration:none}
.sd-statusbar{border-top:1px solid #494a41;height:31px;display:flex;gap:16px;align-items:center;padding:0 15px;font-size:9px;color:#c4c6b5}
.sd-statusbar>span:first-child{display:flex;align-items:center;gap:6px;min-width:119px}.sd-statusbar>span:last-child{margin-left:auto}
.sd-run-track{width:113px;height:3px;border-radius:5px;background:#484d3f;overflow:hidden}
.sd-run-track i{display:block;width:100%;height:100%;background:#c5d59b;transform:scaleX(var(--run-progress,0));transform-origin:left}
.sd-transfer{position:absolute;z-index:4;top:0;left:0;width:60px;height:auto;pointer-events:none;opacity:var(--transfer-opacity,0);transform:translate(var(--transfer-x),var(--transfer-y)) translate(-50%,-50%) rotate(var(--transfer-r)) scale(var(--transfer-scale));box-shadow:4px 10px 14px #0d110d85}
.sd-transfer img{width:100%;height:auto;display:block}

@media (max-width:650px){
  .sd-panel-head h3{font-size:16px}.sd-port{font-size:10px}
  .sd-field,.sd-density-head,.sd-feed-head{font-size:13px}
  .sd-register-result,.sd-proof-mark{font-size:12px}
  .sd-scope{height:128px}
  .sd-scope-art{height:125px;width:140px}
  .sd-reg-foot{height:44px;font-size:11px}
  .sd-reg-foot button,.sd-release-wrap button{min-height:39px;min-width:55px;padding:0 4px;font-size:13px}
  .sd-film{height:80px}
  .sd-ink-buttons button,.sd-proof-tools button{height:39px;font-size:13px}
  .sd-proof-tools button,.sd-release-wrap button{font-size:15px}
  .sd-queue-tally{font-size:14px}.sd-job{height:45px}
  .sd-job strong{font-size:16px}.sd-job small{font-size:14.5px}
  .sd-queue-cover,.sd-slot{width:22px;height:29px}
  .sd-feed{padding-top:7px}.sd-rpm{font-size:10px}
  .sd-release-wrap{margin-block:0 4px}
}