:root{--bg:#efe9dc;--paper:#f6f1e3;--ink:#1a1814;--ink-soft:#5a544a;--line:#d8d0bc;--line-soft:#e6dec9;--terra:#c25a3c;--terra-soft:#e2876a;--accent:#1a1814;--field:#fbf7ec;--field-bd:#cdc3ab;--shadow:0 2px 0 #14100a0a,0 30px 60px -30px #281e0a2e}.screenshot-maker-root{background:var(--bg);height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;grid-template-columns:1fr 380px;gap:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:grid;overflow:hidden}@media (max-width:1100px){.screenshot-maker-root{grid-template-columns:1fr 340px}}.splash{background:var(--bg);z-index:9999;color:var(--ink-soft);letter-spacing:-.01em;place-items:center;font-family:Instrument Serif,serif;font-size:28px;transition:opacity .3s;display:grid;position:fixed;inset:0}.splash.gone{opacity:0;pointer-events:none}.canvas-fit{place-items:center;width:100%;height:100%;padding:48px;display:grid;position:relative;overflow:auto}.canvas-chrome{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:24px;right:24px}.mode-pill,.undo-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#fffc;border:1px solid #0000000d;border-radius:12px;gap:4px;padding:4px;display:flex;box-shadow:0 4px 12px #0000000d}.mode-btn{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.mode-btn:hover{background:#00000008}.mode-btn.on{background:var(--ink);color:#fff}.mode-btn:disabled{opacity:.3;cursor:not-allowed}.thumb-strip-wrap{z-index:100;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.thumb-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #0000000d;border-radius:16px;gap:12px;padding:8px;display:flex;box-shadow:0 8px 24px #00000014}.thumb{cursor:pointer;transition:transform .2s;position:relative}.thumb:hover{transform:translateY(-2px)}.thumb-inner{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.thumb.on .thumb-inner{outline:2px solid var(--terra);outline-offset:2px}.thumb-num{color:var(--ink-soft);font-size:10px;font-weight:600;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.thumb-x{color:#999;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;display:flex;position:absolute;top:-6px;right:-6px}.thumb-add{color:#999;cursor:pointer;background:0 0;border:2px dashed #ddd;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.panel{background:var(--paper);border-left:1px solid var(--line);height:100vh;padding-bottom:80px;overflow-y:auto}.panel-inner{padding:32px 24px}.hero{margin-bottom:40px}.hero h1{letter-spacing:-.01em;margin:0 0 8px;font-family:Instrument Serif,serif;font-size:32px;font-weight:400}.dims{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.dims .dot{opacity:.3}.dims .store{color:var(--terra)}.section{margin-bottom:32px}.section-title{color:var(--ink);align-items:center;gap:10px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.section-n{color:var(--ink-soft);font-size:14px;font-weight:400}.section-body{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:11px;font-weight:700}.field-hint{color:var(--ink-soft);font-size:12px;line-height:1.5}.input{background:var(--field);border:1px solid var(--field-bd);width:100%;color:var(--ink);border-radius:8px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--ink);outline:none}.seg{background:var(--field);border:1px solid var(--field-bd);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;padding:2px;display:grid}.seg-btn{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:6px;padding:8px;font-size:12px;font-weight:500}.seg-btn.on{color:var(--ink);background:#fff;box-shadow:0 2px 4px #0000000d}.dropper{gap:8px;display:flex}.dropper-btn{background:var(--field);border:2px dashed var(--field-bd);cursor:pointer;color:var(--ink);border-radius:12px;flex:1;padding:16px;font-size:13px;font-weight:600;transition:all .2s}.dropper-btn:hover{border-color:var(--ink);background:#fff}.dropper-clear{border:1px solid var(--field-bd);cursor:pointer;background:0 0;border-radius:12px;padding:0 16px;font-size:12px;font-weight:500}.row-toggle{justify-content:space-between;align-items:center;display:flex}.row-toggle-label{font-size:14px;font-weight:500}.toggle{cursor:pointer;background:#ddd;border:none;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.toggle.on{background:var(--terra)}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.on .toggle-knob{transform:translate(20px)}.bi-row{align-items:center;gap:8px;display:flex}.bi-btn{border:1px solid var(--field-bd);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bi-hint{color:var(--ink-soft);font-size:11px;font-style:italic}.slider{-webkit-appearance:none;background:var(--field-bd);border-radius:2px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--field-bd);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0000001a}.color-row{flex-direction:column;gap:12px;display:flex}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #fff;border-radius:50%;width:24px;height:24px;padding:0;box-shadow:0 0 0 1px #eee}.swatch.on{box-shadow:0 0 0 2px var(--ink)}.hex-row{gap:8px;display:flex}.hex-picker{border:1px solid var(--field-bd);cursor:pointer;border-radius:8px;width:40px;height:40px;position:relative;overflow:hidden}.hex-picker input{cursor:pointer;width:60px;height:60px;position:absolute;top:-10px;left:-10px}.hex-input{background:var(--field);border:1px solid var(--field-bd);border-radius:8px;flex:1;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:14px}.align-row{gap:8px;display:flex}.align-btn{border:1px solid var(--field-bd);cursor:pointer;color:var(--ink-soft);background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:11px;font-weight:600;display:flex}.align-btn span{opacity:.6;font-size:9px}.align-btn.reset{color:var(--terra);background:0 0;border-color:#0000}.callout-list{flex-direction:column;gap:16px;display:flex}.callout-card{border:1px solid var(--field-bd);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.callout-head{justify-content:space-between;align-items:center;display:flex}.callout-name{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.dotmark{background:var(--terra);border-radius:50%;width:8px;height:8px}.muted{color:#999;font-weight:400}.callout-x{color:#999;cursor:pointer;background:0 0;border:none;font-size:20px}.callout-row{flex-direction:column;gap:6px;display:flex}.mini-label{text-transform:uppercase;color:#999;font-size:10px;font-weight:700}.check{cursor:pointer;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.check input{display:none}.check-box{border:1px solid var(--field-bd);background:var(--field);width:18px;height:18px;color:var(--terra);border-radius:4px;justify-content:center;align-items:center;display:flex}.footer-actions{background:var(--paper);border-top:1px solid var(--line);z-index:1000;flex-direction:column;gap:10px;width:380px;padding:16px 24px;display:flex;position:fixed;bottom:0;right:0}@media (max-width:1100px){.footer-actions{width:340px}}.btn-main{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-main:hover{background:#333;transform:translateY(-1px)}.btn-main:active{transform:translateY(0)}.btn-main.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.btn-main:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-toast{background:var(--ink);color:#fff;z-index:2000;border-radius:30px;padding:12px 20px;font-size:13px;font-weight:500;animation:.3s ease-out slideUp;position:fixed;bottom:100px;right:400px;box-shadow:0 10px 30px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-callouts{background:var(--field);border:1px dashed var(--field-bd);text-align:center;color:var(--ink-soft);border-radius:12px;padding:20px;font-size:13px}