.stencil-jump{
  display:inline-flex;gap:12px;margin-top:16px;color:var(--accent);
  font-size:13px;font-weight:700;padding-block:10px;
}
.stencil-jump:hover{text-decoration:underline;text-underline-offset:4px}
.stencil-lab{background:#171814;border-block:1px solid var(--line);padding-block:clamp(42px,5.5vw,82px)}
.stencil-topline{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:14px;border-bottom:1px solid var(--line);color:var(--accent);
}
.stencil-topline .ink-icon{font-size:34px}
.stencil-heading{
  display:flex;justify-content:space-between;align-items:end;gap:26px;
  margin:34px 0;
}
.stencil-heading h2{
  font:900 clamp(36px,6.4vw,99px)/.95 Impact,'Arial Narrow',Arial,sans-serif;
  letter-spacing:-.025em;
}
.stencil-heading em{color:var(--accent);font-style:normal}
.stencil-heading p{max-width:300px;color:var(--muted);line-height:1.6}
.stencil-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;align-items:start}
.stencil-preview,.stencil-console{min-width:0;background:#10110e;border:1px solid var(--line);border-radius:4px}
.stencil-preview-top{
  display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;
}
.stencil-preview-top .eyebrow{font-size:10px;color:var(--accent)}
.stencil-preview-top button{min-height:40px;padding:6px 0;font-size:11px;color:var(--ink)}
.stencil-preview-top button:hover,.stencil-clear:hover{color:var(--accent)}
.stencil-stage{position:relative;overflow:hidden;border-block:1px solid var(--line)}
.stencil-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:move}
.stencil-stage canvas:focus-visible{outline-offset:-4px}
.stencil-corner{
  position:absolute;pointer-events:none;inset:12px;
  background:
    linear-gradient(var(--accent),var(--accent)) top left/16px 1px,
    linear-gradient(var(--accent),var(--accent)) top left/1px 16px,
    linear-gradient(var(--accent),var(--accent)) bottom right/16px 1px,
    linear-gradient(var(--accent),var(--accent)) bottom right/1px 16px;
  background-repeat:no-repeat;
}
#stencil-move-hint{padding:12px;font-size:11px;line-height:1.4;color:var(--muted)}
.stencil-console{padding:clamp(14px,2vw,24px)}
.stencil-upload{
  display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;
  padding:9px 12px;border:1px solid #f1e5395a;border-radius:3px;
  cursor:pointer;color:var(--accent);font-size:13px;font-weight:700;
}
.stencil-upload:hover{border-color:var(--accent)}
.stencil-upload:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.stencil-upload span:last-child{font-size:17px}
.stencil-note,#stencil-status{margin-top:7px;font-size:11px;line-height:1.45;color:var(--muted)}
#stencil-status:not(:empty){color:var(--accent)}
.stencil-clear{min-height:36px;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.stencil-motifs{border:0;padding:0;margin:17px 0;min-width:0}
.stencil-motifs legend{font-weight:700;font-size:12px;margin-bottom:8px}
.stencil-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.stencil-options button{
  display:grid;place-items:center;gap:4px;padding:7px 3px;
  background:#20211b;border:1px solid #e7e8df32;border-radius:3px;font-size:11px;
}
.stencil-options img{background:#e7d9b8;border-radius:3px;object-fit:contain}
.stencil-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#272719}
.stencil-sliders label{display:flex;justify-content:space-between;gap:8px;font-size:12px}
.stencil-sliders output{color:var(--accent);font-variant-numeric:tabular-nums}
.stencil-sliders input{padding:0;border:0;min-height:32px;accent-color:var(--accent)}
.stencil-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.stencil-actions>*{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:8px;text-align:center;border:1px solid var(--line);
  border-radius:3px;font-size:11px;font-weight:700;
}
.stencil-actions button:hover{border-color:var(--accent);color:var(--accent)}
.stencil-actions a{color:#14150c;background:var(--accent);border-color:var(--accent)}
.stencil-actions a:hover{background:#fff477}
@media(max-width:760px){
  .stencil-heading{display:grid;gap:14px;margin:26px 0}
  .stencil-layout{grid-template-columns:1fr}
}
.stencil-options img{width:48px;height:48px}
.stencil-options button{min-height:80px}
.stencil-preview-top button{min-height:44px}
.stencil-export-note{font-size:11px;line-height:1.5;color:var(--muted);margin-top:12px}
@media(max-width:420px){
  .stencil-preview-top{align-items:start;padding-block:6px}
  .stencil-preview-top .eyebrow{padding-top:14px;max-width:45%;line-height:1.5}
  .stencil-preview-top button{max-width:50%;text-align:right}
  .stencil-actions{grid-template-columns:1fr}
}