.d-demo{--brand:#1abc9c;--brand-dark:#0e9278;--brand-soft:#d1faf4;--ink:#1d1d1d;--ash:#64748b;--line:#e2e8f0;--paper:#fff;--panel:#f8fafc;--ok:#2f8f5b;--ok-soft:#e3f3ea;--warn:#d99a17;--warn-soft:#fbf1d6;--bad:#c9403a;--bad-soft:#f9e3e1;--radius:16px;--shadow:0 10px 30px rgba(29,29,29,.07)}.d-demo *,.d-progress *{box-sizing:border-box}.d-demo p{margin:0 0 1em}.d-demo strong{font-weight:600}.d-demo button{font:inherit;cursor:pointer}.d-progress button{flex:1;border:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:5px;align-items:stretch;color:#64748b;line-height:1.1;cursor:default;font:inherit;font-size:.72rem}.d-progress .d-bar{height:4px;border-radius:2px;background:#e2e8f0;transition:background .3s}.d-progress button.done .d-bar{background:#1abc9c;opacity:.45}.d-progress button.done{cursor:pointer;color:#1d1d1d}.d-progress button.active .d-bar{background:#1abc9c;opacity:1}.d-progress button.active{color:#1d1d1d;font-weight:600}.d-progress .d-t{display:none;text-align:left}@media(min-width:640px){.d-progress .d-t{display:block}}.d-station{display:none;animation:d-fade .35s ease}.d-station.active{display:block}@keyframes d-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.d-kicker{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin:0 0 6px}.d-h2{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;color:#0f172a;line-height:1.2;margin:0 0 20px}.d-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}@media(min-width:1024px){.d-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px}}.d-stage{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;min-width:0}@media(min-width:640px){.d-stage{padding:22px}}.d-explain{min-width:0}.d-explain p{color:#334155;line-height:1.65}.d-note{background:#fff;border-left:4px solid var(--brand);padding:12px 16px;border-radius:0 12px 12px 0;font-size:.92rem;color:#334155;margin:0 0 1em;box-shadow:0 1px 3px #0000000d}.d-note.soft{border-left-color:var(--line);color:var(--ash)}.d-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}.d-btn{border:0;border-radius:12px;padding:13px 22px;font-weight:600;font-size:1rem;transition:background .15s,color .15s,border-color .15s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.d-btn-primary{background:var(--brand);color:#fff}.d-btn-primary:hover{background:var(--brand-dark)}.d-btn-primary:disabled{background:#cbd5e1;cursor:not-allowed}.d-btn-ghost{background:transparent;color:var(--ash);padding-left:8px;padding-right:8px}.d-btn-ghost:hover{color:var(--ink)}.d-btn-small{padding:8px 14px;font-size:.88rem;border-radius:10px}.d-btn-outline{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.d-btn-outline:hover{border-color:var(--ink)}.d-hint{font-size:.85rem;color:var(--ash);margin:12px 0 0}.d-hero{display:grid;gap:24px}@media(min-width:1024px){.d-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}}.d-claim{background:var(--ink);color:#fff;border-radius:var(--radius);padding:20px 22px;font-size:1.15rem;font-weight:600;line-height:1.4}.d-claim em{color:var(--brand);font-style:normal}.d-flow{display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 12px}.d-flow .d-step{flex:1;text-align:center;font-size:.78rem;color:var(--ash);min-width:0}.d-flow .d-step svg{width:100%;max-width:76px;height:auto;display:block;margin:0 auto 6px}.d-flow .d-arrow{color:var(--brand);flex:0 0 auto;font-size:1.3rem}.d-tablet{background:#1d1d1d;border-radius:22px;padding:12px;box-shadow:0 18px 40px #00000038;max-width:640px;margin:0 auto}.d-cam{width:6px;height:6px;border-radius:50%;background:#3a3a3a;margin:0 auto 8px}.d-screen{background:#f8fafc;border-radius:10px;overflow:hidden;font-size:.82rem;color:#1e293b}.d-screen-top{background:var(--brand-dark);color:#fff;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.8rem;gap:8px}.d-screen-top .d-sub{font-weight:400;opacity:.9}.d-screen-body{padding:12px}.d-viewfinder{position:relative;background:#2a2a2a;border-radius:8px;height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden}.d-corner{position:absolute;width:26px;height:26px;border:3px solid #fff;opacity:.9}.d-c1{top:14px;left:14px;border-right:0;border-bottom:0}.d-c2{top:14px;right:14px;border-left:0;border-bottom:0}.d-c3{bottom:14px;left:14px;border-right:0;border-top:0}.d-c4{bottom:14px;right:14px;border-left:0;border-top:0}.d-ticket{background:#fff;padding:8px 10px;border-radius:3px;width:200px;transform:rotate(-3deg);box-shadow:0 4px 12px #0006}.d-ticket small{display:block;font-size:.6rem;color:#555;letter-spacing:.04em}.d-scanline{position:absolute;left:10%;right:10%;height:2px;background:var(--brand);box-shadow:0 0 12px var(--brand);top:20%;opacity:0}.scanning .d-scanline{opacity:1;animation:d-scan .9s ease-in-out 2}@keyframes d-scan{0%{top:15%}50%{top:82%}to{top:15%}}.d-viewfinder.flash:after{content:"";position:absolute;inset:0;background:#fff;animation:d-flash .35s ease-out forwards}@keyframes d-flash{0%{opacity:.8}to{opacity:0}}.d-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:10px}.d-field{border-bottom:1px dashed var(--line);padding:4px 0;min-width:0}.d-l{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ash)}.d-v{font-weight:600;min-height:1.2em;overflow-wrap:anywhere}.d-v.empty{color:#cbd5e1;font-weight:400}.d-v.filled{animation:d-pop .35s ease}@keyframes d-pop{0%{background:var(--brand-soft)}to{background:transparent}}.d-screen-foot{padding:10px 12px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.d-tbtn{border:0;border-radius:8px;padding:8px 12px;font-size:.8rem;font-weight:600;background:var(--brand);color:#fff}.d-tbtn.secondary{background:#e2e8f0;color:#1e293b}.d-tbtn:disabled{opacity:.45;cursor:not-allowed}.d-acc{border:1px solid var(--line);border-radius:8px;margin-bottom:6px;background:#fff;overflow:hidden}.d-acc-h{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;font-weight:600;font-size:.8rem;background:#f8fafc;cursor:pointer;border:0;width:100%;text-align:left;color:#1e293b;gap:6px}.d-chev{transition:transform .2s;color:var(--ash);font-size:.7rem}.d-acc.open .d-chev{transform:rotate(90deg)}.d-acc-b{display:none;padding:8px 10px;border-top:1px solid var(--line);font-size:.78rem}.d-acc.open .d-acc-b{display:block}.d-badge{font-size:.62rem;font-weight:500;color:var(--ash);margin-left:auto;margin-right:8px}.d-textarea{border:1px solid var(--line);border-radius:6px;min-height:44px;padding:6px 8px;background:#fff;position:relative;line-height:1.4}.d-caret{display:inline-block;width:2px;height:.9em;background:var(--brand);vertical-align:text-bottom;animation:d-blink .8s steps(1) infinite}@keyframes d-blink{50%{opacity:0}}.d-mic{display:inline-flex;align-items:center;gap:6px;margin-top:6px;border:1.5px solid var(--brand);color:var(--brand-dark);background:#fff;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:600}.d-mic.rec{background:var(--brand);color:#fff}.d-mic svg{width:12px;height:12px}.d-check{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px dashed var(--line)}.d-check:last-child{border-bottom:0}.d-state{border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:.66rem;font-weight:600;background:#fff;color:var(--ash);min-width:88px;text-align:center;white-space:nowrap}.d-state[data-s=ok]{background:var(--ok-soft);color:var(--ok);border-color:transparent}.d-state[data-s=nio]{background:var(--bad-soft);color:var(--bad);border-color:transparent}.d-state[data-s=fixed]{background:var(--warn-soft);color:#8a6100;border-color:transparent}.d-photos{display:flex;gap:8px}.d-photos svg{width:80px;height:60px;border-radius:6px;background:#dfe6ea}.d-add{width:80px;height:60px;border:1.5px dashed var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--ash);font-size:.7rem}.d-window{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;font-size:.82rem}.d-window-bar{background:#e2e8f0;padding:7px 10px;display:flex;align-items:center;gap:6px}.d-window-bar i{width:9px;height:9px;border-radius:50%;background:#cbd5e1;display:inline-block}.d-url{margin-left:8px;background:#fff;border-radius:5px;padding:2px 8px;font-size:.7rem;color:var(--ash);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-window-body{padding:12px}.d-mtable{width:100%;border-collapse:collapse;font-size:.76rem}.d-mtable th{text-align:left;color:var(--ash);font-weight:500;padding:4px 6px;border-bottom:1px solid var(--line);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em}.d-mtable td{padding:6px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.d-mtable tr.me td{background:var(--brand-soft)}.d-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}.d-dot.g{background:var(--ok)}.d-dot.y{background:var(--warn)}.d-dot.r{background:var(--bad)}.d-detail{margin-top:12px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#f8fafc}.d-detail h4{margin:0 0 6px;font-size:.85rem;font-weight:700}.d-detail dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0 0 8px;font-size:.76rem}.d-detail dt{color:var(--ash)}.d-detail dd{margin:0;overflow-wrap:anywhere}.d-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.d-reason{margin-top:8px;display:none}.d-reason.show{display:block}.d-reason .d-textarea{min-height:0}.d-done-banner{display:none;margin-top:10px;background:var(--ok-soft);color:var(--ok);border-radius:8px;padding:8px 12px;font-weight:600;font-size:.8rem}.d-done-banner.show{display:block}.d-return-view{display:none;margin-top:10px;background:var(--bad-soft);border-radius:8px;padding:8px 12px;font-size:.78rem}.d-return-view.show{display:block}.d-ablage{display:grid;grid-template-columns:1fr;gap:16px;align-items:center}@media(min-width:560px){.d-ablage{grid-template-columns:auto auto 1fr}}.d-sheet{width:190px;background:#fff;border:1px solid var(--line);border-radius:4px;padding:12px 12px 10px;box-shadow:0 8px 24px #0000001f;font-size:.55rem;line-height:1.35;color:#333;margin:0 auto;position:relative}.d-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--ink);padding-bottom:5px;margin-bottom:6px}.d-head b{font-size:.7rem;display:block}.d-head small{color:var(--ash);font-size:.5rem}.d-row{display:flex;justify-content:space-between;gap:6px;border-bottom:1px dotted #ddd;padding:2px 0}.d-sec{font-weight:700;margin-top:6px;font-size:.58rem;color:var(--brand-dark)}.d-line{height:4px;background:#e2e8f0;border-radius:2px;margin:3px 0}.d-line.s{width:70%}.d-thumbs{display:flex;gap:4px;margin-top:4px}.d-thumbs i{width:30px;height:22px;background:#dfe6ea;border-radius:2px;display:block}.d-foot{margin-top:8px;font-size:.48rem;color:var(--ash);border-top:1px solid #ddd;padding-top:4px;display:flex;justify-content:space-between}.d-stamp{position:absolute;right:8px;top:36px;border:2px solid var(--ok);color:var(--ok);font-weight:700;font-size:.55rem;padding:2px 5px;border-radius:3px;transform:rotate(-8deg);letter-spacing:.06em;opacity:0}.d-sheet.stamped .d-stamp{opacity:1;animation:d-stamp .4s ease}@keyframes d-stamp{0%{transform:rotate(-8deg) scale(1.6);opacity:0}to{transform:rotate(-8deg) scale(1);opacity:1}}.d-ablage-arrow{display:none;text-align:center;color:var(--brand);font-size:1.6rem}.d-ablage-arrow.show{display:block;animation:d-fade .4s ease}.d-tray{border:1.5px dashed #cbd5e1;border-radius:12px;padding:14px;background:#fff;text-align:center;font-size:.8rem;color:var(--ash)}.d-tray strong{display:block;color:var(--ink);font-size:.9rem;margin-bottom:6px}.d-slot{height:74px;display:flex;align-items:center;justify-content:center;gap:6px}.d-mini-doc{width:44px;height:58px;background:#fff;border:1px solid var(--line);border-radius:3px;position:relative;box-shadow:0 2px 6px #0000001a;display:none;flex-direction:column;padding:6px 5px;gap:3px}.d-mini-doc i{display:block;height:3px;background:#cbd5e1;border-radius:2px}.d-mini-doc i:first-child{background:var(--brand);width:60%}.d-mini-doc.show{display:flex;animation:d-pop .5s ease}.d-wait{font-size:.74rem;display:none}.d-wait.show{display:block}.d-archive{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:620px){.d-archive{grid-template-columns:1fr 1.4fr}}.d-folder{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;min-width:0}.d-folder h4{margin:0 0 8px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:6px}.d-folder h4 svg{width:18px;height:18px;flex:0 0 auto}.d-doc{background:#f8fafc;border:1px solid var(--line);border-radius:7px;padding:7px 9px;font-size:.74rem;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;gap:8px;transition:border-color .3s,box-shadow .3s,opacity .3s;min-width:0}.d-n{font-weight:600;overflow-wrap:anywhere}.d-doc>div{min-width:0;flex:1}.d-m{color:var(--ash);font-size:.66rem;display:block}.d-pg{font-size:.64rem;color:var(--ash);white-space:nowrap}.d-doc.report{border-color:var(--brand);background:var(--brand-soft)}.d-doc.hit{border-color:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.d-doc.cand{border-color:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.d-doc.out{opacity:.4;text-decoration:line-through}.d-doc.attached{border-color:var(--ok);background:var(--ok-soft)}.d-tag{font-size:.6rem;font-weight:600;border-radius:999px;padding:2px 7px;background:#e2e8f0;color:#475569;white-space:nowrap}.d-doc.attached .d-tag{background:var(--ok);color:#fff}.d-doc.out .d-tag{background:var(--bad-soft);color:var(--bad)}.d-conds{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.d-cond{display:flex;align-items:flex-start;gap:9px;padding:5px 0;font-size:.86rem;opacity:.45;transition:opacity .3s;color:#334155}.d-cond.on{opacity:1}.d-ic{width:20px;height:20px;border-radius:50%;border:1.5px solid #cbd5e1;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;background:#fff}.d-cond.on .d-ic{background:var(--ok);border-color:var(--ok)}.d-cond.stop .d-ic{background:var(--warn);border-color:var(--warn)}.d-cond.on .d-ic:after{content:"✓"}.d-cond.stop .d-ic:after{content:"!"}.d-result{margin-top:12px;border-radius:10px;padding:10px 14px;font-size:.88rem;display:none}.d-result.show{display:block;animation:d-fade .35s ease}.d-result.ok{background:var(--ok-soft);color:#1f5e3c}.d-result.hold{background:var(--warn-soft);color:#6b4b00}.d-toggle{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(prefers-reduced-motion:reduce){.d-demo *,.d-progress *{animation:none!important;transition:none!important}}