/* Studio theme: type, controls and chrome for the admin screens only. Never applied inside the proposal (#paper, client pages). */
@font-face{font-family:'VJ UI';src:url('/proposal-assets/3be41cf0-0b2a-444c-a033-9797063682a4.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:'VJ Display';src:url('/proposal-assets/9d579eb7-42c7-4be8-b4e1-0be6c6321e75.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'VJ Display';src:url('/proposal-assets/e55bc5fc-3d9b-4f7d-a138-4fd7d2cda111.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{
  --paper:#fbf9f7;--surface:#ffffff;--ink:#2a1a1e;--ink-2:#6b5c58;--ink-3:#9a8d88;
  --line:#e8dfda;--line-2:#f1e9e4;--wash:#f7f2ef;
  --wine:#7a1a2b;--wine-2:#4f0f1b;--wine-soft:#f6e9e6;--gold:#b08d4f;--ok:#2f6f4f;--bad:#a3281b;
  --ui:'VJ UI',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--display:'VJ Display',Georgia,'Times New Roman',serif;
  --r:11px;--ring:0 0 0 3px #7a1a2b22;--lift:0 1px 2px #2a0d1010,0 8px 24px -12px #2a0d1030;
}
/* chrome typography */
header,#editor,#vj-panel,.dashboard,.cb-card,#vjShare,.vs-menu,.vs-btn,#vjAcct,.preview-controls,#deckWrap,#deckPop,#vj-drop,#vj-droplab{font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:'kern','liga'}
header button,header input,#editor button,#editor input,#editor textarea,#editor select,#vj-panel button,#vj-panel input,#vj-panel textarea,#vj-panel select,.dashboard button,.dashboard input,.dashboard select,.cb-card button,.cb-card input,.cb-card textarea,#deckPop button,#deckPop textarea{font-family:var(--ui)}
/* icons */
.vi{display:inline-block;flex:none;vertical-align:-.2em}
button .vi{pointer-events:none}
.pc-views{display:inline-flex!important;align-items:center;gap:5px}
.sb-views{display:inline-flex;align-items:center;gap:5px}
/* buttons */
header .btn,#editor .btn,#vj-panel .btn,.dashboard .btn,.cb-card .btn,#vjShare .btn,#deckWrap button.btn,#deckPop .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);
  font-size:13px;font-weight:600;letter-spacing:.005em;line-height:1;box-shadow:0 1px 1px #2a0d1008;transition:background .15s,border-color .15s,box-shadow .15s,transform .08s}
header .btn:hover,#editor .btn:hover,#vj-panel .btn:hover,.dashboard .btn:hover,.cb-card .btn:hover,#vjShare .btn:hover,#deckPop .btn:hover{background:#fdf9f7;border-color:#d8c8c1;filter:none;box-shadow:0 2px 6px -2px #2a0d1020}
header .btn:active,#editor .btn:active,#vj-panel .btn:active,.dashboard .btn:active,#vjShare .btn:active{transform:translateY(.5px)}
header .btn:focus-visible,#editor .btn:focus-visible,#vj-panel .btn:focus-visible,.dashboard .btn:focus-visible,.cb-card .btn:focus-visible,#vjShare .btn:focus-visible,#deckPop .btn:focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--wine)}
header .btn.primary,#editor .btn.primary,#vj-panel .btn.primary,.dashboard .btn.primary,.cb-card .btn.primary,#vjShare .btn.primary,#deckPop .btn.primary{
  background:linear-gradient(180deg,#8a2034,#6c1626);border-color:#5a1120;color:#fff7f3;box-shadow:inset 0 1px 0 #ffffff26,0 6px 16px -8px #7a1a2bcc}
header .btn.primary:hover,#editor .btn.primary:hover,#vj-panel .btn.primary:hover,.dashboard .btn.primary:hover,.cb-card .btn.primary:hover,#vjShare .btn.primary:hover,#deckPop .btn.primary:hover{background:linear-gradient(180deg,#94253a,#721829);border-color:#5a1120}
header .btn:disabled,#editor .btn:disabled,#vj-panel .btn:disabled,.dashboard .btn:disabled,.cb-card .btn:disabled{opacity:.45;box-shadow:none;cursor:default;transform:none}
.btn.ib{width:36px;padding:0}
/* header */
header{background:#fffefd!important;border-bottom:1px solid var(--line)!important;box-shadow:0 1px 0 #ffffff inset}
header>div:first-child strong{font-family:var(--display)!important;font-weight:400;font-size:22px;letter-spacing:.16em!important;color:var(--wine-2)}
header .muted{font-family:var(--ui);font-size:12.5px;color:var(--ink-3)!important;letter-spacing:.01em}
#designBtn:before{content:""!important;width:16px;height:16px;display:inline-block;background:var(--pen) center/contain no-repeat}
/* fields */
#editor .field>label,.cb-card label,#vj-panel .vj-row>label{font-size:12.5px;font-weight:600;color:var(--ink-2);letter-spacing:.005em}
#editor .field input:not([type=checkbox]):not([type=range]):not([type=color]),#editor .field select,#editor .field textarea,#vj-panel input[type=text],#vj-panel input[type=number],#vj-panel textarea,#vj-panel select,.cb-card input[type=text],.cb-card input[type=password],.cb-card input[type=email],.cb-card textarea,#vjShare input,#vjShare textarea,.dashboard-filters input,.dashboard-filters select{
  border:1px solid #e1d6d0;border-radius:var(--r);background:#fff;color:var(--ink);font-size:14px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 1px #2a0d1006}
#editor .field input:focus,#editor .field textarea:focus,#vj-panel input:focus,#vj-panel textarea:focus,.cb-card input:focus,.cb-card textarea:focus,#vjShare input:focus,#vjShare textarea:focus,.dashboard-filters input:focus{outline:none;border-color:var(--wine);box-shadow:var(--ring)}
input::placeholder,textarea::placeholder{color:#b6aaa4}
/* custom dropdowns (ui.js) */
.vs-btn{border:1px solid #e1d6d0!important;border-radius:var(--r)!important;background:#fff!important;font-family:var(--ui)!important;font-size:14px!important;transition:border-color .15s,box-shadow .15s}
.vs-btn:hover{border-color:#cdbdb6!important}.vs-btn:focus-visible,.vs.open .vs-btn{outline:none;border-color:var(--wine)!important;box-shadow:var(--ring)}
.vs-menu{border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 18px 50px -12px #2a0d1040,0 2px 6px #2a0d1010!important;padding:6px!important}
.vs-opt{border-radius:9px!important;font-size:13.5px!important}.vs-opt:hover,.vs-opt.hl{background:var(--wine-soft)!important}
/* dialogs */
.cb-ov,.cb-back{backdrop-filter:blur(3px)}
.cb-card{border-radius:20px!important;border:1px solid var(--line)!important;box-shadow:0 30px 90px -20px #2a0d1066!important}
.cb-card h2,.cb-card h3,#vjShare h3{font-family:var(--display)!important;font-weight:400!important;font-size:25px!important;letter-spacing:-.005em;color:var(--wine-2)}
/* dashboard */
.dashboard{background:var(--paper)!important}
.dashboard h1,.dashboard .event-toolbar h1{font-family:var(--display)!important;font-weight:400!important;font-size:38px!important;letter-spacing:-.01em;color:var(--wine-2)}
.dashboard .muted{color:var(--ink-3)}
.stat{background:transparent!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;padding:4px 18px!important}
.stat:first-child{border-left:0!important;padding-left:0!important}
.stat strong{font-family:var(--display);font-weight:400;font-size:36px!important;color:var(--wine-2);line-height:1.05}
.stat .muted{font-size:12.5px;color:var(--ink-3)}
.stab{font-family:var(--ui);font-weight:600;font-size:14px}.stab.on{color:var(--wine);border-color:var(--wine)}
.pcard{border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;transition:box-shadow .2s,transform .2s,border-color .2s}
.pcard:hover{box-shadow:var(--lift)!important;border-color:#dccdc6!important;transform:translateY(-2px)}
.pc-title{font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:0;color:var(--wine-2)}
.status-pill{font-family:var(--ui);font-weight:600;font-size:11px;letter-spacing:.02em;padding:4px 10px}
.proposal-row{border-radius:14px;border-color:var(--line)}
/* account menu + state chip */
#vjAcct summary{border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:600}
#vjState{font-family:var(--ui);font-weight:600}
/* preview header */
.preview-controls strong{font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:-.005em;color:var(--wine-2)}
.preview-controls .muted{color:var(--ink-3);font-size:12.5px}
/* template preview bar */
.deck-bar{font-family:var(--ui)}
.deck-hint{display:inline-flex;align-items:center;gap:7px;color:var(--ink-3);font-size:12.5px}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ===== right panel: the design bench ===== */
#vj-panel{background:#fffefd;border-left:1px solid var(--line);box-shadow:-18px 0 40px -28px #2a0d1030}
#vj-panel header{padding:14px 16px 12px!important;border-bottom:1px solid var(--line-2)!important;background:transparent!important}
#vj-panel header strong{font-family:var(--display)!important;font-weight:400!important;font-size:26px!important;letter-spacing:-.005em;color:var(--wine-2)}
#vj-panel header .actions{display:flex;gap:6px}
#vj-panel header .btn{height:32px!important;min-height:32px;padding:0 11px!important;font-size:12.5px!important;gap:6px}
#vj-panel .vj-add{grid-template-columns:repeat(4,1fr)!important;gap:7px!important;padding:14px 16px 0!important;margin-bottom:12px!important}
#vj-panel .vj-add button.vj-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 4px 10px!important;min-height:66px;border:1px solid var(--line)!important;border-radius:13px!important;background:#fff!important;color:var(--ink-2);font:600 11.5px var(--ui)!important;letter-spacing:.005em;transition:border-color .15s,background .15s,color .15s,transform .1s,box-shadow .15s}
#vj-panel .vj-add button.vj-tile .vi{color:var(--wine);transition:transform .15s}
#vj-panel .vj-add button.vj-tile:hover{border-color:#d4bfb7!important;background:#fdf8f6!important;color:var(--wine-2);box-shadow:0 6px 16px -10px #7a1a2b55}
#vj-panel .vj-add button.vj-tile:hover .vi{transform:translateY(-1px) scale(1.06)}
#vj-panel .vj-add button.vj-tile:active{transform:scale(.97)}
#vj-panel .vj-add button.vj-tile:focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--wine)!important}
#vj-panel .vj-add .vj-newblock{height:42px;border-radius:12px!important;background:linear-gradient(180deg,#8a2034,#6c1626)!important;border:1px solid #5a1120!important;font:600 13px var(--ui)!important;letter-spacing:.01em;box-shadow:inset 0 1px 0 #ffffff26,0 8px 18px -10px #7a1a2bcc}
#vj-body{padding:4px 16px 48px!important}
#vj-body .vj-crumbs{margin:6px 0 10px}
#vj-body .vj-crumb{font:600 12px var(--ui);color:var(--ink-3);padding:3px 1px;text-decoration:none!important}
#vj-body .vj-crumb:hover{color:var(--wine)}#vj-body .vj-crumb.on{color:var(--wine-2);text-decoration:none!important}
#vj-body .vj-scope{background:var(--wash)!important;border-radius:12px!important;padding:10px 12px!important}
/* inspector groups read as sentence-case headings with a fine rule, not shouted labels */
#vj-body .vj-sec{font:650 14px var(--ui)!important;letter-spacing:.005em!important;text-transform:none!important;color:var(--ink)!important;margin:22px 0 8px!important;padding-top:16px!important;border-top:1px solid var(--line-2)!important}
#vj-body .vj-row{grid-template-columns:96px 1fr!important;margin:9px 0!important}
#vj-body .vj-row>label{font:600 12.5px var(--ui)!important;color:var(--ink-2)}
#vj-body .vj-ctl input[type=text],#vj-body .vj-ctl input[type=number],#vj-body .vj-ctl select{height:36px;border-radius:10px;font-size:13.5px}
#vj-body .vj-ctl input[type=color]{width:40px;height:36px;border-radius:10px;border:1px solid #e1d6d0;padding:3px;background:#fff}
#vj-body .vj-ctl input[type=range]{accent-color:var(--wine)}
#vj-body textarea{border-radius:12px!important;border-color:#e1d6d0!important;font:14px/1.5 var(--ui)!important}
#vj-body .vj-hint{font-size:12.5px;color:var(--ink-3);line-height:1.6}
#vj-body .vj-mini{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 11px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff;color:var(--ink);font:600 12.5px var(--ui);transition:background .15s,border-color .15s}
#vj-body .vj-mini:hover{background:#fdf8f6;border-color:#d8c8c1!important}
#vj-body .vj-mini.wide{width:100%}
#vj-body .vj-mini.danger{color:var(--bad)}
#vj-body .vj-mini.danger:hover{background:#fdf1ef;border-color:#efc9c2!important}
#vj-body .vj-check{font-size:13px;color:var(--ink-2)}
#vj-body input[type=radio],#vj-body input[type=checkbox]{accent-color:var(--wine)}
/* on-canvas toolbar: quiet ink pill, thin icons, one accent */
#paper .vj-bar{gap:2px;padding:3px;border-radius:999px;background:#2a1a1e;box-shadow:0 8px 24px -8px #2a0d1099,0 0 0 1px #ffffff1a inset}
#paper .vj-bar.in{top:6px}
#paper .vj-bar button,#paper .vj-bar .vj-grab{display:inline-flex;align-items:center;gap:6px;border:0!important;background:transparent!important;color:#f6e9e3!important;box-shadow:none!important;border-radius:999px!important;padding:6px 10px!important;font:600 11.5px var(--ui)!important;letter-spacing:.01em;transition:background .15s}
#paper .vj-bar button:hover,#paper .vj-bar .vj-grab:hover{background:#ffffff1f!important}
#paper .vj-bar .vj-mode{background:#ffffff14!important}
#paper .vj-bar .vj-del{color:#ffb4a8!important}#paper .vj-bar .vj-del:hover{background:#ffffff1f!important}
#paper .vj-bar .vi{opacity:.92}

#vj-panel header .actions{align-items:center}
#vj-panel #vj-undo,#vj-panel #vj-redo{width:32px;padding:0!important}
#vj-panel #vj-undo span,#vj-panel #vj-redo span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#vj-panel .vj-add .vs{grid-column:1/-1}
#vj-panel .vj-add .vs .vs-btn{height:42px;border-radius:12px!important;background:linear-gradient(180deg,#8a2034,#6c1626)!important;border:1px solid #5a1120!important;color:#fff7f3!important;font-weight:600!important;box-shadow:inset 0 1px 0 #ffffff26,0 8px 18px -10px #7a1a2bcc}
#vj-panel .vj-add .vs .vs-btn .vi,#vj-panel .vj-add .vs .vs-btn:after{filter:brightness(5)}

#designBtn.primary:before{background-image:var(--pen-light)!important}