:root{--ink: #141414;--muted: #6b6b6b;--line: #e6e1d6;--paper: #f7f4ee;--white: #fffcf7;--accent: #ffcc05;--accent-ink: #1d1d1d;--sidebar: #141414;--danger: #c0392b;--ok: #1f7a4d;--shadow: 0 12px 40px rgba(20, 20, 20, .08);font-family:Archivo,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:var(--ink);color:var(--white);padding:10px 14px;border-radius:0}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.accent{background:var(--accent);color:var(--accent-ink)}button.danger{background:var(--danger);color:#fff}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--white);padding:10px 12px;border-radius:0}a{color:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:var(--sidebar, var(--ink));color:var(--white);padding:28px 22px;display:flex;flex-direction:column;gap:28px}.brand{font-weight:700;letter-spacing:-.04em;font-size:22px}.brand span{color:var(--accent)}.side nav a{display:block;text-decoration:none;padding:8px 0;color:#ffffffb8}.side nav a.router-link-active{color:var(--accent)}.side-foot{margin-top:auto;display:grid;gap:12px}.bell-wrap{position:relative}.bell-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#ffffffd1;border:1px solid rgba(255,255,255,.18);padding:8px 10px;font-size:13px}.bell-n{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;border-radius:999px}.bell-pop{position:absolute;left:0;right:0;bottom:calc(100% + 8px);background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);padding:12px;max-height:360px;overflow:auto;z-index:20}.bell-item{width:100%;display:grid;gap:2px;text-align:left;background:transparent;color:var(--ink);padding:8px 6px;margin-top:4px;border:0;border-bottom:1px solid var(--line)}.bell-item span{color:var(--muted);font-size:12px;font-weight:400}.bell-item.unread{background:#fff8dc}.main{padding:32px 40px 80px}h1{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}h2{font-size:18px;margin:0 0 12px}.sub{color:var(--muted);margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{background:var(--white);border:1px solid var(--line);padding:18px;box-shadow:var(--shadow)}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plan-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:14px}.plan-card strong{font-size:15px}.plan-card em{font-style:normal;font-size:22px;font-weight:700;letter-spacing:-.03em}.plan-card span{font-size:12px;color:var(--muted);font-weight:400}.plan-card:hover{border-color:var(--accent);background:#fff8dc}@media (max-width: 900px){.plan-grid{grid-template-columns:1fr}}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1}.muted{color:var(--muted);font-size:13px}.warn{color:var(--danger);font-size:13px}.ok{color:var(--ok)}.badge{font-size:11px;padding:3px 8px;border:1px solid var(--line);color:var(--muted)}.badge.open{border-color:var(--accent);color:var(--ink)}.badge.in_progress{border-color:var(--ink);color:var(--ink)}.badge.resolved{border-color:var(--ok);color:var(--ok)}.ticket-list{display:flex;flex-direction:column;gap:16px}.ticket{scroll-margin-top:16px}.ticket p{margin:8px 0}.thread{display:flex;flex-direction:column;gap:8px;margin-top:8px}.bubble{padding:10px 12px;background:var(--paper);border:1px solid var(--line)}.bubble.admin{border-left:3px solid var(--accent)}.bubble p{margin:4px 0 0}.theme-account{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.theme-account:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.theme-picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.theme-pick{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);background:var(--paper);cursor:pointer;font-size:13px}.theme-pick.on{border-color:var(--accent);background:var(--white)}.theme-pick input{width:auto;margin:0}.auth{min-height:100vh;display:grid;place-items:center;padding:28px 20px;background:radial-gradient(900px 480px at 12% -10%,rgba(255,204,5,.22),transparent 55%),radial-gradient(700px 400px at 100% 80%,rgba(20,20,20,.06),transparent 50%),linear-gradient(160deg,#f3eee4,#e8e1d4 48%,#d9d0c2)}.auth-shell{width:min(920px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.auth-aside{padding:40px 36px;background:linear-gradient(165deg,#1a1a1a,#2a2a2a 55%,#141414);color:#fffcf7;display:flex;flex-direction:column;gap:14px}.auth-brand{color:#fffcf7;font-size:28px;margin:0}.auth-aside-h{margin:8px 0 0;font-size:28px;letter-spacing:-.04em;line-height:1.15;color:#fffcf7}.auth-aside-p{margin:0;color:#fffcf79e;font-size:14px;line-height:1.45;max-width:32ch}.auth-plans{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.auth-plans li{display:grid;gap:2px;padding:10px 12px;border:1px solid rgba(255,252,247,.12);background:#fffcf70a}.auth-plans strong{font-size:13px;color:var(--accent)}.auth-plans span{font-size:12px;color:#fffcf78c;font-weight:400;line-height:1.35}.auth-box{width:auto;padding:40px 36px;border:0;box-shadow:none;display:flex;flex-direction:column;gap:0}.auth-title{margin:0 0 6px;font-size:24px;letter-spacing:-.03em}.auth-lead{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.4}.auth-box .field{margin-bottom:14px}.auth-submit{width:100%;margin-top:6px;padding:12px 16px;font-weight:700}.auth-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px}button.linkish{background:transparent;color:var(--muted);border:0;padding:0;font-size:13px;text-decoration:underline;text-underline-offset:3px}button.linkish:hover{color:var(--ink)}@media (max-width: 760px){.auth-shell{grid-template-columns:1fr}.auth-aside{padding:28px 24px}.auth-box{padding:28px 24px 32px}.auth-aside-h{font-size:24px}}.builder-boot{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center;color:var(--muted)}.builder{display:grid;grid-template-columns:400px minmax(0,1fr) 292px;grid-template-rows:52px 1fr;height:100vh;background:#b9b0a1}.builder-motifs{grid-template-columns:280px minmax(0,1fr)}.builder-motifs .b-insp{display:none}.builder-motifs .b-stage{min-height:0}.b-stage-mail{flex:1;min-height:0;display:flex;flex-direction:column}.motif-list{display:flex;flex-direction:column;gap:8px;padding:10px;overflow:auto;min-height:0;height:100%;background:var(--paper)}.motif-list-hint{margin:0 2px 4px;font-size:12px;color:var(--muted);line-height:1.4}.motif-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center;width:100%;text-align:left;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);box-shadow:0 1px #1414140a}.motif-row-thumb{width:76px;height:54px;border-radius:7px;overflow:hidden;background:#1d1d1d;color:var(--accent);display:grid;place-items:center;font-size:18px;font-weight:700;flex-shrink:0}.motif-row-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.motif-row-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.motif-row-meta strong{font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.motif-row-meta em{font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.motif-row:hover{border-color:#c9c0b0;background:#fff;box-shadow:0 8px 18px #14141414}.motif-row.on{background:#fff8dc;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.motif-browse{flex:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#b3aa9b}.motif-browse .motif-bar{flex-shrink:0}.motif-browse-wrap{position:relative;flex:1;min-height:0;overflow:hidden}.motif-browse-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;background:#fff}.motif-browse-empty{background:transparent}.motif-split{display:grid;grid-template-columns:268px minmax(0,1fr);height:560px;max-height:min(560px,calc(100vh - 140px));border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#b3aa9b}.motif-split-list{height:100%;min-height:0;border-right:1px solid var(--line)}.b-inspect{font-size:12px;padding:4px 8px;background:var(--accent);color:var(--accent-ink);white-space:nowrap}.inspect-frame{border:1px solid var(--line);background:#fff;margin:8px 0 12px;max-height:480px;overflow:auto}.inspect-frame iframe{width:100%;min-height:360px;border:0;background:#fff}.b-tools{display:flex;align-items:center;gap:4px}.b-sep{width:1px;height:18px;background:var(--line);margin:0 6px}.icon-btn{background:transparent;color:var(--ink);border:1px solid var(--line);padding:4px 8px;min-width:28px;line-height:1;border-radius:6px}.icon-btn.sm{padding:2px 6px;font-size:12px;min-width:22px}.icon-btn:disabled{opacity:.3}.chip{background:transparent;color:var(--muted);border:1px solid transparent;padding:5px 9px;font-size:11px;font-weight:650;border-radius:999px}.chip.on{background:#fff8dc;color:var(--ink);border-color:var(--accent)}.cat-acc{margin-bottom:6px;border:1px solid var(--line);border-radius:10px;background:var(--white);overflow:hidden}.cat-acc.open{border-color:#d9d0bf;box-shadow:0 1px #1414140a}.cat-acc-h{width:100%;display:flex;align-items:center;gap:8px;background:transparent;color:var(--ink);padding:10px 12px;text-align:left;font-size:13px;font-weight:650;letter-spacing:0;text-transform:none}.cat-acc-h:hover{background:#f7f3ea}.cat-acc.open .cat-acc-h{background:#fff8dc}.cat-acc-chev{width:6px;height:6px;border-right:1.6px solid #8a8376;border-bottom:1.6px solid #8a8376;transform:rotate(-45deg);margin:0 4px 0 2px;flex:0 0 auto}.cat-acc.open .cat-acc-chev{transform:rotate(45deg);margin-top:-2px}.cat-acc-name{flex:1;min-width:0}.cat-acc-n{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--paper);color:var(--muted);font-size:11px;font-weight:600}.cat-acc.open .cat-acc-n{background:var(--accent);color:var(--accent-ink)}.cat-acc-body{display:grid;gap:10px;padding:0 10px 12px}.block-card{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:left;cursor:grab;box-shadow:0 1px #1414140a}.block-card:hover{border-color:#c9c0b0;box-shadow:0 8px 18px #14141414}.block-card.locked{opacity:.72;cursor:default}.block-card.locked:hover{box-shadow:0 1px #1414140a}.block-card-name{padding:8px 10px 9px;font-size:12px;font-weight:700;line-height:1.25;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lock-badge{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#1d1d1d;color:#ffcc05;padding:2px 6px;border-radius:4px}.motif-lock-note{margin:0;padding:8px 16px;font-size:12px;color:var(--muted);background:#fff8dc;border-bottom:1px solid var(--line);flex-shrink:0}.block-thumb{position:relative;overflow:hidden;min-height:120px;max-height:300px;background:#efebe3;pointer-events:none}.block-thumb:after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:linear-gradient(transparent,#fff);pointer-events:none}.block-thumb-inner{width:640px;zoom:.58}.block-thumb-inner,.block-thumb-inner *{box-sizing:content-box}.block-thumb-inner img{display:block}.stage-bar{display:flex;align-items:center;gap:10px;padding:7px 16px;background:#fffcf7c7;border-bottom:1px solid rgba(20,20,20,.07)}.stage-label{font-size:12px;color:var(--muted);font-weight:600}.stage-seg{display:flex;gap:2px;padding:2px;background:#efebe3;border-radius:999px}.stage-seg .chip{padding:4px 10px}.mail-sheet{background:#fff;box-shadow:0 1px #fff9 inset,0 24px 64px #28201247;border-radius:2px;overflow:hidden}.canvas-wrap.drop,.empty-canvas.drop{outline:2px dashed var(--accent);outline-offset:-12px}.hint,.pad{padding:10px 14px;font-size:12px;color:var(--muted);margin:0}.motif-bar{display:flex;gap:8px;align-items:center;padding:10px 16px;background:#fff8dc;border-bottom:1px solid var(--accent);font-size:13px}.color-row{display:grid;grid-template-columns:44px 1fr;gap:8px}.color-row input[type=color]{width:44px;height:40px;padding:2px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.media-grid button{background:var(--paper);padding:0;border:1px solid var(--line)}.media-grid img{width:100%;height:88px;object-fit:cover;display:block}.media-grid button span{display:block;padding:6px 8px;font-size:11px}.media-cell{background:var(--paper);border:1px solid var(--line);padding:0 0 8px;display:flex;flex-direction:column;gap:6px}.media-cell img{width:100%;height:88px;object-fit:cover;display:block}.media-cell span,.media-cell button{margin:0 8px}.media-cell button{font-size:12px;padding:6px 8px}.brand-preview{display:flex;align-items:center;gap:14px;padding:12px;margin-bottom:16px;border:1px solid var(--line);background:var(--paper)}.brand-preview img{max-height:40px;max-width:160px;object-fit:contain}.brand-preview .swatch{width:22px;height:22px;border:1px solid var(--line);display:inline-block}.empty-motifs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:12px;width:min(920px,100%)}.motif-picker{margin:8px 0 28px}.motif-picker-h{font-size:16px;margin:0 0 6px}.motif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.motif-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;gap:4px;width:100%;margin-bottom:8px}.motif-card.picker{margin-bottom:0}.motif-card em{font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.motif-card strong{font-size:13px}.motif-card span{font-size:12px;color:var(--muted);font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.motif-card-preview{height:92px;overflow:hidden;border-radius:8px;background:#ece8df;margin-bottom:6px;position:relative;transition:height .18s ease}.motif-card:hover .motif-card-preview,.motif-card:focus-visible .motif-card-preview{height:220px}.motif-card-stack{display:flex;flex-direction:column;gap:0}.motif-card-stack img{display:block;width:100%;height:auto}.motif-card-html{transform:scale(.28);transform-origin:top center;width:360%;margin-left:-130%;pointer-events:none}.motif-card-ph{height:72px;border-radius:8px;background:#1d1d1d;color:#ffcc05;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin-bottom:6px}.b-lib-scroll .motif-card{width:auto}.b-dot.err{color:var(--danger)}.b-top{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--white);border-bottom:1px solid var(--line)}.b-back{text-decoration:none;font-size:13px;color:var(--muted)}.b-name{width:240px;border:0;border-bottom:1px solid transparent;padding:6px 0;background:transparent;font-weight:700}.b-name:focus{border-bottom-color:var(--accent);outline:0}.b-dot{font-size:12px;color:var(--muted)}.b-dot.on{color:#b8860b}.b-accent{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.b-accent input{width:36px;height:28px;padding:0}.export-wrap{position:relative}.export-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:220px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #00000014;padding:6px;display:flex;flex-direction:column}.export-menu button{background:transparent;text-align:left;padding:8px 10px;border-radius:8px;font-size:13px}.export-menu button:hover{background:#f7f3ea}.b-lib,.b-insp{background:#f7f3ea;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid var(--line)}.b-insp{border-right:0;border-left:1px solid var(--line);background:var(--white)}.b-search{padding:10px 12px 8px;border-bottom:0}.b-search input{border-radius:8px;background:var(--white);padding:9px 12px}.b-lib-scroll{overflow:auto;flex:1;padding:0 10px 16px}.b-lib-scroll.motif-list{padding:10px}.cat-head{width:100%;display:flex;justify-content:space-between;background:transparent;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px 4px;text-align:left}.block-item,.motif-item{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;background:transparent;color:var(--ink);border-bottom:1px solid var(--line);padding:10px 14px}.block-item{flex-direction:row}.motif-item{flex-direction:column;gap:2px;margin-bottom:6px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px}.block-item span{display:flex;flex-direction:column;gap:2px;min-width:0}.block-item em,.block-item span,.motif-item span{font-style:normal;font-size:12px;color:var(--muted);font-weight:400}.block-item strong,.motif-item strong{font-size:13px;color:var(--ink);font-weight:700}.motif-item em{font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.block-item:hover,.motif-item:hover{background:var(--paper)}.b-stage{overflow:hidden;display:flex;flex-direction:column;min-width:0;background:radial-gradient(900px 420px at 50% -10%,rgba(255,252,247,.35),transparent 60%),#b3aa9b}.canvas-wrap{position:relative;overflow:auto;flex:1;padding:36px 32px 88px;display:flex;justify-content:center;align-items:flex-start}.canvas-wrap.dragging iframe{pointer-events:none}.sec-hud{position:absolute;right:20px;z-index:7;display:flex;align-items:center;gap:6px;background:#141414;color:#fffcf7;padding:4px 4px 4px 10px;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 8px 20px #14141433;white-space:nowrap;max-width:calc(100% - 40px)}.sec-hud span{overflow:hidden;text-overflow:ellipsis}.sec-hud-btn{background:#2c2c2c;color:#fffcf7;padding:5px 10px;border-radius:6px;font-size:12px;flex-shrink:0}.sec-hud-btn:hover{background:#3a3a3a}.sec-hud-btn.danger{background:var(--danger)}.field.focus{background:#fff8dc;margin:0 -8px;padding:8px;border-radius:8px}.insp-h em{font-style:normal;font-weight:400;color:var(--muted)}.drop-line{position:absolute;left:20px;right:20px;height:0;border-top:3px solid var(--accent);pointer-events:none;z-index:6;display:flex;justify-content:center}.drop-line span{background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:999px;transform:translateY(-50%);box-shadow:0 4px 12px #1414141f}.canvas-wrap iframe{display:block;min-height:480px;border:0;background:#fff}.canvas-wrap.rendering .mail-sheet{opacity:.7}.empty-canvas{flex:1;display:grid;place-content:center;text-align:center;color:var(--muted);gap:8px;padding:40px 24px}.empty-canvas p{font-size:22px;color:var(--ink);margin:0}.insp-layers{padding:12px;border-bottom:1px solid var(--line);max-height:38%;overflow:auto;background:#fbf8f2}.insp-h{font-size:12px;font-weight:700;margin-bottom:8px}.insp-fields{padding:12px;overflow:auto;flex:1}.appear{margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}.appear-seg{width:100%}.appear-seg .chip{flex:1}.text-style{display:flex;flex-direction:column;gap:6px;margin-top:6px}.text-style-row{display:flex;gap:6px;align-items:center}.text-style-row select{flex:1;padding:6px 8px;font-size:12px}.text-style-color{grid-template-columns:40px}.text-style-color input[type=color]{width:40px;height:32px;padding:2px}.pad-box{display:grid;justify-items:center;gap:6px;padding:12px 10px;background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(45deg,#ece7dc,#ece7dc 4px,#f7f3ea 4px,#f7f3ea 8px);border:1px dashed var(--line)}.pad-box input[type=number]{width:64px;text-align:center;padding:6px 4px}.pad-mid{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.pad-mid span{font-size:11px;color:var(--muted);padding:18px 12px;background:#fff;border:1px solid var(--line)}.pad-css{margin:6px 0 0;font-size:11px;text-align:center}.layer{display:flex;align-items:center;gap:6px;padding:7px 8px;margin-bottom:5px;background:#fff;cursor:grab;font-size:13px;border:1px solid var(--line);border-radius:8px}.layer.on{outline:2px solid var(--accent);background:#fff8dc}.layer.drop{outline:0;box-shadow:0 3px 0 var(--accent);background:#fff8dc}.layer-n{color:var(--muted);font-size:11px;width:16px}button.sm{padding:6px 10px;font-size:12px}.img-field{display:grid;gap:6px}.img-field img{width:100%;max-height:88px;object-fit:cover;background:#eee}.file-btn{display:inline-block;padding:8px 12px;border:1px solid var(--line);font-size:12px;cursor:pointer;width:auto}.tabs{display:flex;gap:2px;margin:10px 10px 0;padding:3px;background:#efebe3;border-radius:10px;border-bottom:0}.tabs button{flex:1;background:transparent;color:var(--muted);border-radius:8px;border-bottom:0;padding:7px 6px;font-size:12px;font-weight:650}.tabs button.on{color:var(--ink);background:#fff;box-shadow:0 1px 2px #14141414;border-bottom-color:transparent}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1414148c;display:grid;place-items:center;z-index:20;padding:24px}.modal-box{background:var(--white);width:min(920px,100%);padding:20px;border:1px solid var(--line)}.crop-stage{width:100%;height:420px;background:#111;position:relative;overflow:hidden;cursor:grab}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.progress{height:6px;background:var(--line)}.progress>i{display:block;height:100%;background:var(--accent)}