:root{--ink:#20282e;--muted:#748087;--green:#c5f563;--line:#e4e9e9;--bg:#f5f7f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #83b235;outline-offset:3px}.sidebar{position:fixed;width:238px;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;text-decoration:none;font-size:30px;font-weight:800;letter-spacing:-1.5px;gap:9px}.brandmark{display:grid;place-items:center;background:var(--ink);color:var(--green);width:35px;height:35px;border-radius:10px;font-size:26px}.branddot{color:#95c638;margin-left:-8px}.club{display:flex;gap:12px;align-items:center;margin:36px 0 24px;padding:14px 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.clubmark{background:#eff3f2;font-weight:800;font-size:16px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.club small{display:block;color:var(--muted);font-size:13px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;padding:12px 14px;border-radius:9px;color:#647178;font-size:15px}nav button.active{background:#eaf4d9;color:#253a1e;font-weight:650}nav button span{width:22px;font-size:21px;line-height:1}nav i{font-style:normal;background:white;padding:0 7px;border-radius:5px;font-size:12px;margin-left:auto}.sidefoot{margin-top:auto}.demo-tag{font-size:12px;letter-spacing:1.4px;color:#687d57;font-weight:700}.sidefoot p{font-size:13px;color:var(--muted);line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:var(--ink);color:white;padding:11px 18px;font-size:14px;font-weight:650;white-space:nowrap;text-decoration:none}.button.secondary{background:white;color:var(--ink);border-color:#dce3e3}.button.lime{background:var(--green);color:#22301b}.workspace{margin-left:238px}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffa8;font-size:14px;color:var(--muted)}header b{color:var(--ink);font-weight:500}.header-right{display:flex;align-items:center;gap:21px}.demo-label{font-size:13px;background:#edf1f0;border:1px solid #e0e6e4;padding:6px 12px;border-radius:20px;color:#61736d}.avatar{background:#e2eadf;color:#506342;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}main{padding:34px 38px 26px;max-width:1540px;margin:auto}.pageheading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{color:#738270;font-weight:700;font-size:12px;letter-spacing:1.6px;margin:0 0 12px}h1{font-size:36px;line-height:1.15;letter-spacing:-1.4px;margin:0 0 16px;font-weight:650}h2{font-size:18px;font-weight:650;letter-spacing:-.3px;margin:0}h3{font-size:17px;margin:0 0 14px}.muted{color:var(--muted);font-size:14px}.pageheading p.muted{font-size:15px;margin:0}.period{margin:28px 0 18px;display:flex;align-items:center;gap:13px;font-size:14px}.period b{background:white;border:1px solid var(--line);padding:7px 12px;border-radius:7px;font-weight:500}.period span{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stats article{background:white;border:1px solid var(--line);border-radius:12px;padding:22px 23px}.stats article>span{color:#6b797f;font-size:14px}.stats strong{display:block;font-size:36px;font-weight:600;letter-spacing:-1px;line-height:1.5}.stats small{font-size:13px;color:var(--muted)}.stats .revenue{background:#e7f3d6;border-color:#dbeac9}.stats em{font-size:25px;font-style:normal;font-weight:400}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:22px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.funnel{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.funnel>div{display:flex;flex-direction:column;justify-content:flex-end}.funnel strong{font-size:28px;font-weight:600;line-height:1.2}.funnel span{font-size:14px;color:var(--muted);margin:7px 0 17px}.funnel .bar{background:#c5f563;border-radius:6px 6px 0 0}.funnel>div:nth-child(2) .bar{background:#d1f786}.funnel>div:nth-child(3) .bar{background:#def2ba}.funnel>div:nth-child(4) .bar{background:#b5cd9a}.funnel>div:nth-child(5) .bar{background:#60784d}.funnel small{font-size:13px;color:#7b8b72;border-top:1px solid var(--line);padding-top:9px}.split{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.sourcerow{display:grid;grid-template-columns:145px 1fr 40px;gap:13px;align-items:center;font-size:14px;margin:19px 0}.track{height:9px;background:#f0f3f0;border-radius:10px;overflow:hidden}.track b{height:100%;background:#bfe773;display:block;border-radius:10px}.note{font-size:14px;color:#6b7976;line-height:1.7}.insight{background:#f4f7f0;border-radius:9px;padding:18px;margin-top:20px}.insight strong{font-size:26px;display:block}.linkbtn{border:0;background:none;color:#526b34;font-weight:600;font-size:14px;padding:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:14px}th{font-size:12px;font-weight:500;color:#819097;padding:12px 13px;border-bottom:1px solid var(--line);background:#f8faf9}td{padding:17px 13px;border-bottom:1px solid #eef1f0}tbody tr:hover{background:#f8fbf4}td small{display:block;font-size:12px;color:var(--muted)}td:first-child b{font-weight:600}tbody tr{cursor:pointer}.badge{display:inline-block;padding:4px 9px;border-radius:6px;font-size:12px;background:#eff2f2;color:#708087}.badge.green{color:#42662c;background:#eaf4e0}.badge.dark{color:white;background:#5f7550}.toolbar{display:flex;align-items:center;gap:12px;margin:28px 0 20px;flex-wrap:wrap}.toolbar input,.toolbar select,input,select,textarea{border:1px solid #dce3e0;background:white;border-radius:7px;padding:10px 12px;color:var(--ink)}.toolbar input{min-width:260px;flex:1}footer{margin:0 38px;padding:18px 0 25px;color:#8b9598;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:15px}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;width:min(560px,calc(100% - 28px));color:var(--ink);box-shadow:0 20px 90px #1b282d30}dialog::backdrop{background:#1b252b70;backdrop-filter:blur(3px)}.close{position:absolute;right:12px;top:9px;width:32px;height:32px;background:#f4f6f4;border:0;border-radius:50%;font-size:24px;z-index:2;color:#738077}.widgetDialog{padding:0;overflow:hidden;width:min(430px,calc(100% - 20px));height:min(810px,calc(100dvh - 25px));background:white}.widgetDialog iframe{width:100%;height:100%;border:0}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.detailgrid small{color:var(--muted);display:block;font-size:13px}.detailgrid b{font-size:15px;font-weight:500}.checkrow{display:flex;align-items:center;gap:10px;padding:11px 0;font-size:15px}.checkrow input{width:19px;height:19px;accent-color:#7fa744}.amountrow{display:flex;align-items:center;gap:10px;margin:12px 0 25px}.amountrow input{width:180px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;border-radius:10px;font-size:14px;z-index:100;display:none;max-width:90vw}.setupgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.stepnum{display:inline-grid;place-items:center;background:#e8f3da;color:#526d37;width:30px;height:30px;border-radius:50%;margin-right:10px}.code{font:13px/1.8 ui-monospace,SFMono-Regular,monospace;background:#20282e;color:#d3f6a1;padding:22px;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.field{display:grid;gap:7px;margin:16px 0;font-size:14px}.field textarea{resize:vertical;min-height:90px}.settings{max-width:660px}.previewbox{background:#eef3e7;border-radius:12px;display:grid;place-items:center;padding:35px;min-height:320px}.previewcard{max-width:290px;background:#20282e;padding:28px;border-radius:15px;color:white}.previewcard span{font-size:12px;letter-spacing:1.3px;color:#bde765}.previewcard h2{font-size:30px;line-height:1.12;margin:14px 0}.previewcard p{font-size:14px;color:#c0c9c9}.empty{text-align:center;padding:35px;color:var(--muted)}@media(min-width:1600px){main{padding-top:44px}.stats article{padding:25px}}@media(max-width:1100px){.sidebar{width:200px;padding:24px 16px}.workspace{margin-left:200px}main{padding:28px 24px}header{padding:0 24px}.stats{gap:10px}.stats article{padding:17px}.stats strong{font-size:29px}.split{grid-template-columns:1fr}.setupgrid{grid-template-columns:1fr}h1{font-size:32px}}@media(max-width:740px){.sidebar{position:relative;width:auto;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:25px}.club,.sidefoot{display:none}nav{display:flex;overflow-x:auto;margin-top:12px;gap:3px}nav button{padding:9px 11px;white-space:nowrap;font-size:14px}nav button span{display:none}.workspace{margin-left:0}header{height:55px;padding:0 18px}.avatar{display:none}.demo-label{font-size:12px;padding:4px 7px}header>span{font-size:12px}main{padding:25px 18px}h1{font-size:29px}.pageheading{align-items:flex-start}.pageheading .button{padding:9px 11px;font-size:12px}.pageheading p.muted{font-size:14px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats strong{font-size:31px}.stats small{font-size:12px}.panel{padding:19px 15px}.panelhead{align-items:flex-start}.panelhead .muted{font-size:12px}.funnel{gap:8px}.funnel strong{font-size:23px}.funnel span{font-size:12px;min-height:36px;line-height:1.4}.funnel small{font-size:11px}.sourcerow{grid-template-columns:135px 1fr 28px;font-size:13px}.toolbar input{min-width:180px}.toolbar select{width:100%}.detailgrid{gap:15px}.period{font-size:12px}footer{margin:0 18px;font-size:11px}footer span{display:none}}@media(prefers-reduced-motion:no-preference){.bar{transition:height .4s}button{transition:background .15s}dialog[open]{animation:appear .2s}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
/* Rounded product direction */
:root{--line:#e2e8e3;--bg:#f4f7f5}.button{border-radius:999px;padding:12px 22px;box-shadow:0 3px 8px #20282e08}.button.lime{background:linear-gradient(135deg,#d7ff8c,#b7ef52)}.button.secondary{box-shadow:0 2px 5px #20282e05}nav button{border-radius:999px}nav i{border-radius:999px}.panel{border-radius:24px;box-shadow:0 5px 22px #23332b03}.stats article{border-radius:22px;box-shadow:0 5px 18px #23332b04}.stats .revenue{background:linear-gradient(135deg,#edf8df,#dff0cc)}.period b{border-radius:999px;padding:8px 15px}.toolbar input,.toolbar select{border-radius:999px}.field input,.field textarea{border-radius:16px}.field input[type=color]{padding:7px;border-radius:16px}.code{border-radius:20px;background:linear-gradient(145deg,#26332c,#1c252b)}.insight,.previewbox{border-radius:20px}.previewcard{border-radius:28px;background:linear-gradient(150deg,#29372c,#20282e);box-shadow:0 14px 40px #21332715}.brandmark,.clubmark{border-radius:13px}.badge{border-radius:999px;padding:5px 11px}.widgetDialog{border-radius:32px;box-shadow:0 30px 100px #17261f40}dialog{border-radius:28px}.close{width:34px;height:34px;right:12px;top:12px;box-shadow:0 2px 7px #1f352b09}#toast{border-radius:999px;box-shadow:0 8px 35px #20282e20}.linkbtn{border-radius:999px;padding:5px 9px}.amountrow input{border-radius:999px}.stepnum{background:linear-gradient(145deg,#e7f8ce,#d6ebbd)}
@media(hover:hover){.button:hover{filter:brightness(1.06);box-shadow:0 6px 20px #20282e18}.button.secondary:hover{background:#f2f7ec}.linkbtn:hover{background:#f1f7e9}nav button:not(.active):hover{background:#f3f7f0}}
@media(prefers-reduced-motion:no-preference){.button,nav button,.linkbtn{transition:background .2s,box-shadow .2s,filter .2s,transform .2s}.button:active{transform:scale(.98)}}
@media(max-width:740px){.panel{border-radius:20px}.stats article{border-radius:20px}.pageheading .button{padding:10px 14px}.widgetDialog{border-radius:28px}}
.editor-status{display:flex;gap:12px;align-items:center;margin:24px 0 20px;flex-wrap:wrap}.editorlayout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:24px;align-items:start}.editor-settings{padding:22px}.editortabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:23px}.editortabs button{border:0;background:#f2f5f0;border-radius:999px;padding:9px 13px;font-size:13px;color:#6b7864}.editortabs button[aria-selected=true]{background:#20282e;color:white}#editorPanel h2{margin-bottom:12px}.editor-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.colorfield span{display:flex;gap:9px;align-items:center}.colorfield input[type=color]{width:55px;height:44px;padding:4px;border-radius:12px;flex-shrink:0}.colorfield .hexinput{min-width:0;width:100%;font-family:ui-monospace,monospace}.rangefield>span{display:flex;justify-content:space-between;gap:12px}.rangefield output{color:#7b8d66;font-size:13px}.rangefield input{padding:0;accent-color:#90b94f;width:100%;height:24px}.editorpreview{position:sticky;top:22px;display:grid;justify-items:center}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-bottom:14px;font-size:14px}.preview-toolbar select{border-radius:999px;font-size:13px;padding:8px 11px}.previewframewrap{width:100%;max-width:430px;height:740px;max-height:calc(100dvh - 120px);border-radius:var(--widget-radius,32px);overflow:hidden;box-shadow:0 20px 60px #21372618;border:1px solid #dfe6d8;background:var(--widget-bg,#fff)}.previewframewrap iframe{width:100%;height:100%;border:0}.editorpreview>.note{max-width:430px;font-size:12px;width:100%}.editor-save{border-top:1px solid var(--line);margin-top:26px;padding-top:15px}.save-actions{display:flex;gap:10px;flex-wrap:wrap}.save-actions .button{font-size:13px;padding:11px 17px}.editor-save .note{font-size:12px}.fieldcard{border:1px solid var(--line);border-radius:19px;padding:17px;margin:14px 0}.fieldcardhead{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px}.fieldactions{display:flex;gap:10px;flex-wrap:wrap}.danger{color:#ac5649}.fieldcard .field{font-size:13px}.fieldcard input,.fieldcard select,.fieldcard textarea{min-width:0;width:100%}.publish-check{padding:17px;border-radius:16px;font-size:14px}.publish-check.missing{background:#faf0e7;color:#8b5a2e}.publish-check.ok{background:#ecf5e1;color:#4c6f31}.error{color:#b25141;font-size:14px}.widgetDialog{border-radius:var(--widget-radius,32px);background:var(--widget-bg,#fff)}@media(max-width:1100px){.editorlayout{grid-template-columns:1fr}.editorpreview{position:static}.preview-toolbar{max-width:430px}.previewframewrap{max-height:none;height:740px}.editor-pair{gap:12px}}@media(max-width:540px){.editor-pair{grid-template-columns:1fr}.editor-settings{padding:18px}.editortabs{gap:5px}.editortabs button{font-size:12px;padding:8px 11px}.fieldcardhead{flex-wrap:wrap}.preview-toolbar{flex-wrap:wrap}.previewframewrap{height:700px}.save-actions{display:grid}.save-actions .button{width:100%}}

.datecell{min-width:118px;font-variant-numeric:tabular-nums}.datecell time{display:block}.datecell small{font-size:13px;margin-top:3px}th small{display:block;font-size:12px;margin-top:2px;color:#89968f}

.sorthead{display:inline-flex;align-items:center;gap:7px;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;min-height:32px}.sorthead span{font-size:11px;color:#81946e;min-width:22px}th[aria-sort=ascending],th[aria-sort=descending]{background:#eaf3df;color:#3b532c}.sorthead:hover{color:#3b532c}
/* Cabinet themes; widget previews retain the club's own colors. */
:root{color-scheme:light;--surface:#ffffff;--surface-soft:#f0f4ed;--surface-hover:#f7faf3;--accent-ink:#527335}.theme-switch{display:inline-flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft)}.theme-switch button{border:0;background:transparent;color:var(--muted);padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.2}.theme-switch button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 2px 7px #17261f0b}.theme-switch button:focus-visible{outline:2px solid #90b94f;outline-offset:1px}
html[data-theme=dark]{color-scheme:dark;--ink:#edf4ee;--muted:#a5b5ac;--line:#34433b;--bg:#141c18;--surface:#1d2822;--surface-soft:#26342c;--surface-hover:#293a2d;--accent-ink:#c5f563}
html[data-theme=dark] .sidebar,html[data-theme=dark] .panel,html[data-theme=dark] .stats article,html[data-theme=dark] .period b{background:var(--surface)}html[data-theme=dark] .workspace>header{background:#19221d}html[data-theme=dark] .clubmark,html[data-theme=dark] .demo-label,html[data-theme=dark] .avatar{background:#2a3a2e;color:#c5d6b9;border-color:var(--line)}html[data-theme=dark] .brandmark{background:#0e1511;border:1px solid #394b36;color:#c5f563}html[data-theme=dark] nav button{color:#b1c0b7}html[data-theme=dark] nav button.active{background:#34482c;color:#d7f8aa}html[data-theme=dark] nav i{background:#202c23;color:#d0e8bd}html[data-theme=dark] .button{background:#c5f563;color:#172518;box-shadow:0 4px 14px #00000015}html[data-theme=dark] .button.secondary{background:#26352c;color:#e3eee2;border-color:#41513f}html[data-theme=dark] .linkbtn{color:#c7ed9d}html[data-theme=dark] .danger{color:#f0a996}html[data-theme=dark] .eyebrow,html[data-theme=dark] .demo-tag{color:#a4bd8b}html[data-theme=dark] .stats article>span,html[data-theme=dark] .stats small{color:#b4c4b8}html[data-theme=dark] .stats .revenue{background:linear-gradient(135deg,#35472b,#273b26);border-color:#425436}html[data-theme=dark] .insight,html[data-theme=dark] .previewbox{background:#2a3929}html[data-theme=dark] .note{color:#afbeb3}html[data-theme=dark] .track{background:#344132}html[data-theme=dark] th{background:#26342b;color:#acbfb0}html[data-theme=dark] td{border-color:#344237}html[data-theme=dark] tbody tr:hover{background:#26372a}html[data-theme=dark] .badge{background:#2d3b32;color:#b7c8ba}html[data-theme=dark] .badge.green{background:#344a2e;color:#d1ecb7}html[data-theme=dark] .badge.dark{background:#526f3e;color:#f2fae9}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#17231b;color:#edf4ee;border-color:#3a4c3d}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#8fa294}html[data-theme=dark] input[type=checkbox],html[data-theme=dark] input[type=range]{accent-color:#bde775}html[data-theme=dark] .editortabs button{background:#293a2d;color:#bccdbb}html[data-theme=dark] .editortabs button[aria-selected=true]{background:#c5f563;color:#192918}html[data-theme=dark] .rangefield output{color:#bdd997}html[data-theme=dark] .publish-check.missing{background:#463528;color:#f0c298}html[data-theme=dark] .publish-check.ok{background:#314a2a;color:#d1ebb3}html[data-theme=dark] .error{color:#f0a494}html[data-theme=dark] th[aria-sort=ascending],html[data-theme=dark] th[aria-sort=descending]{background:#344b2b;color:#d4f2b0}html[data-theme=dark] .sorthead span{color:#b4d48d}html[data-theme=dark] th small,html[data-theme=dark] footer{color:#93a895}html[data-theme=dark] .funnel small{color:#abc199}html[data-theme=dark] dialog:not(.widgetDialog){background:var(--surface);color:var(--ink);box-shadow:0 30px 90px #00000055}html[data-theme=dark] #detailDialog .close{background:#2c3c2f;color:#c5d6c0}html[data-theme=dark] .stepnum{background:#34492a;color:#d7eeb9}html[data-theme=dark] #toast{background:#e1f1ce;color:#203118}.widgetDialog{color-scheme:light}
@media(hover:hover){html[data-theme=dark] .button.secondary:hover,html[data-theme=dark] nav button:not(.active):hover,html[data-theme=dark] .linkbtn:hover{background:#34472e}html[data-theme=dark] .sorthead:hover{color:#d3f4ab}}
@media(max-width:1100px){.header-right{gap:12px}}@media(max-width:740px){.workspace>header{height:auto;min-height:88px;padding:12px 18px;align-items:flex-start;flex-direction:column;gap:10px}.header-right{width:100%;justify-content:space-between}.theme-switch button{padding:7px 11px;font-size:12px}}
/* Neutral graphite dark theme */
html[data-theme=dark]{--ink:#eeeeee;--muted:#b0b0b0;--line:#414141;--bg:#212121;--surface:#292929;--surface-soft:#333333;--surface-hover:#383838;--accent-ink:#eeeeee}
html[data-theme=dark] .sidebar{background:#171717}html[data-theme=dark] .workspace>header{background:#212121}html[data-theme=dark] .clubmark,html[data-theme=dark] .demo-label,html[data-theme=dark] .avatar{background:#333;color:#d5d5d5;border-color:#444}html[data-theme=dark] .brandmark{background:#232323;border-color:#444}html[data-theme=dark] nav button{color:#b8b8b8}html[data-theme=dark] nav button.active{background:#333;color:#f1f1f1}html[data-theme=dark] nav i{background:#414141;color:#eee}html[data-theme=dark] .button{background:#e7e7e7;color:#1b1b1b}html[data-theme=dark] .button.secondary{background:#333;color:#e7e7e7;border-color:#4b4b4b}html[data-theme=dark] .linkbtn{color:#ddd}html[data-theme=dark] .eyebrow,html[data-theme=dark] .demo-tag{color:#aaa}html[data-theme=dark] .stats article>span,html[data-theme=dark] .stats small{color:#b8b8b8}html[data-theme=dark] .stats .revenue{background:linear-gradient(135deg,#383838,#303030);border-color:#484848}html[data-theme=dark] .insight,html[data-theme=dark] .previewbox{background:#333}html[data-theme=dark] .note{color:#b8b8b8}html[data-theme=dark] .track{background:#414141}html[data-theme=dark] th{background:#333;color:#c0c0c0}html[data-theme=dark] td{border-color:#3b3b3b}html[data-theme=dark] tbody tr:hover{background:#333}html[data-theme=dark] .badge{background:#3a3a3a;color:#ccc}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#242424;color:#eee;border-color:#484848}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a0a0a0}html[data-theme=dark] input[type=checkbox],html[data-theme=dark] input[type=range]{accent-color:#ddd}html[data-theme=dark] .editortabs button{background:#353535;color:#ccc}html[data-theme=dark] .editortabs button[aria-selected=true]{background:#e7e7e7;color:#212121}html[data-theme=dark] .rangefield output{color:#bbb}html[data-theme=dark] th[aria-sort=ascending],html[data-theme=dark] th[aria-sort=descending]{background:#414141;color:#fff}html[data-theme=dark] .sorthead span,html[data-theme=dark] th small,html[data-theme=dark] footer,html[data-theme=dark] .funnel small{color:#aaa}html[data-theme=dark] #detailDialog .close{background:#3a3a3a;color:#ddd}html[data-theme=dark] .stepnum{background:#414141;color:#ddd}html[data-theme=dark] #toast{background:#e6e6e6;color:#242424}@media(hover:hover){html[data-theme=dark] .button.secondary:hover,html[data-theme=dark] nav button:not(.active):hover,html[data-theme=dark] .linkbtn:hover{background:#414141}html[data-theme=dark] .sorthead:hover{color:#fff}}
.photo-upload{border:1px dashed var(--line);border-radius:18px;padding:18px;margin:16px 0 20px}.photo-empty{color:var(--muted);font-size:14px;margin-bottom:14px}.photo-thumbnail{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:14px;margin-bottom:14px}.photo-file-label{display:block;color:var(--ink);font-size:14px;font-weight:600}.photo-file-label input{display:block;width:100%;margin:10px 0;font-size:13px;border-radius:12px}.photo-file-label input::file-selector-button{border:0;border-radius:999px;padding:9px 13px;font:inherit;background:var(--surface-soft);color:var(--ink);margin-right:10px;cursor:pointer}.device-switch{display:flex;align-items:center;gap:6px;width:100%;margin-bottom:10px}.device-switch>button:not(.linkbtn){background:var(--surface-soft);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 15px;font-size:13px}.device-switch>button[aria-pressed=true]:not(.linkbtn){background:var(--ink);color:var(--surface);border-color:var(--ink)}.device-switch .linkbtn{margin-left:auto;font-size:13px}.device-caption{color:var(--muted);font-size:12px;width:100%;margin-bottom:12px}.previewframewrap.device-phone{width:360px;max-width:100%;max-height:none}.previewframewrap.device-desktop{position:relative;width:100%;max-width:none;max-height:none;border-radius:14px}.device-desktop>iframe{position:absolute;inset:0;width:1080px;height:780px;transform:scale(var(--device-scale,1));transform-origin:top left}#devicePreviewDialog{padding:42px 12px 12px;max-height:calc(100dvh - 24px);height:820px;background:var(--surface);overflow:hidden}#devicePreviewDialog.full-preview-desktop{width:min(1140px,calc(100vw - 24px))}#devicePreviewDialog.full-preview-phone{width:min(400px,calc(100vw - 24px))}#devicePreviewDialog iframe{width:100%;height:100%;border:0;border-radius:14px}.editorpreview .preview-toolbar{flex-wrap:wrap}html[data-theme=dark] #devicePreviewDialog .close{background:#414141;color:#ddd}

.auth-checking body{visibility:hidden}