:root{--teal:#81bd28;--teal-dark:#72a920;--teal-active:#5f8c1b;--teal-light:#8fc83a;--navy:var(--ink);--ink:#404045;--muted:#6b6b70;--faint:#a1a1aa;--line:#e3e4e5;--line-soft:#eef0f2;--soft:#f8fafc;--panel:#ffffff;--bg:#f4f5f6;--yellow:#fde582;--yellow-soft:#f9e3ad;--radius:14px;--radius-sm:8px;--shadow-1:0 1px 3px rgba(0,0,0,.06);--shadow-2:0 6px 24px rgba(16,24,40,.12);--focus-halo:rgba(129,189,40,.35);--ab:#a855f7;--ease-standard:cubic-bezier(.2,0,.2,1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Oxygen,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6;letter-spacing:.03em;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:13px;color:var(--ink)}a{color:inherit}.spacer{flex:1}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-halo)}.topbar{display:flex;align-items:center;gap:12px;padding:12px 22px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.topbar .brand{display:flex;align-items:center;gap:10px;text-decoration:none}.topbar .chip{width:30px;height:30px;border-radius:8px;background:var(--teal);display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px}.topbar .brand b{font-size:16px;color:var(--ink)}.topbar .brand small{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--faint)}.topbar .navlink{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;padding:8px 12px;border-radius:8px}.topbar .navlink:hover,.topbar .navlink.active{background:var(--soft);color:var(--ink)}.topbar button.tb,.topbar a.tb{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 16px;font-weight:700;font-size:13px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.topbar button.tb:hover,.topbar a.tb:hover{border-color:var(--teal)}.topbar button.tb.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.topbar button.tb.primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.topbar button.tb.primary:active{background:var(--teal-active);border-color:var(--teal-active)}.page{max-width:1180px;margin:0 auto;padding:24px}.sec-head{display:flex;align-items:center;gap:12px;margin:0 0 14px}.sec-head h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0;font-weight:800}.sec-head .count{font-size:12px;color:var(--faint)}.btn{border:1px solid var(--line);border-radius:999px;padding:9px 22px;font-weight:700;font-size:13px;background:var(--soft);color:var(--ink);display:inline-flex;align-items:center;gap:7px;text-decoration:none;transition:background .12s var(--ease-standard)}.btn:hover{background:#ececed}.btn.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn.primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.btn.primary:active{background:var(--teal-active);border-color:var(--teal-active)}.btn.ghost{background:transparent;border:1px solid rgba(129,189,40,.25);color:var(--teal-dark)}.btn.ghost:hover{background:#81bd2814}.btn.ghost-dark{background:var(--soft);color:var(--muted);border:1px solid var(--line)}.btn.ghost-dark:hover{background:#ececed}.btn.danger{background:#fff;color:#b91c1c;border:1px solid #f0cccc}.btn.danger:hover{background:#fdeaea}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:11px 18px;border-radius:10px;font-size:13px;z-index:9999;box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;display:flex;align-items:flex-start;justify-content:center;z-index:80;padding:30px 16px;overflow:auto}.sheet{background:#fff;border-radius:14px;max-width:760px;width:100%;box-shadow:var(--shadow-2)}.sheet-head{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;border-radius:14px 14px 0 0;z-index:2}.sheet-head h3{margin:0;font-size:15px;flex:1}.sheet-body{padding:20px}.fld{display:flex;flex-direction:column;gap:5px}.fld label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.fld input,.fld textarea,.fld select{border:1px solid var(--line);border-radius:4px;padding:9px 11px;background:#fff}.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--focus-halo)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:36px 32px;max-width:380px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.auth-card .chip{background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800}.auth-card h1{font-size:19px;margin:0 0 8px}.auth-card p{font-size:13.5px;color:var(--muted);margin:0 0 20px;line-height:1.5}.topbar .tb .spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar .tb:disabled{opacity:.7;cursor:default}.ee{font-family:Montserrat,Arial,sans-serif;color:#030033;font-size:13px;line-height:1.4}.ee .sec{padding:14px 16px}.ee h3{font-size:19px;font-weight:800;margin:0 0 8px;line-height:1.15}.ee .ee-body{margin:0}.ee .pill{display:inline-block;background:#00667f;color:#fff;font-weight:700;border-radius:30px;padding:7px 16px;font-size:11px;text-decoration:none}.ee .grid{display:grid;gap:8px}.ee .card{border:1px solid #eee;border-radius:8px;padding:8px;text-align:center;background:#fff}.ee .card .ph{aspect-ratio:1;background:#eef0f3;border-radius:6px;display:grid;place-items:center;color:#9aa;overflow:hidden;font-size:10px}.ee .card .ph img{width:100%;height:100%;object-fit:cover}.ee .card .nm{font-size:10.5px;font-weight:600;margin:6px 0;min-height:24px;line-height:1.2}.ee .cat{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1.6;background:#cfd6dd;display:grid;place-items:center;background-size:cover;background-position:center}.ee .cat span{background:#102f70d1;color:#fff;font-weight:700;font-size:11px;padding:5px 8px;border-radius:6px;text-align:center}.ee table.price{width:100%;border-collapse:collapse;font-size:12px}.ee table.price th{background:#00667f;color:#fff;padding:8px;font-weight:700;text-align:left}.ee table.price td{padding:7px 8px;border-bottom:1px solid #eee}.ee .socbtns{display:flex;gap:10px;justify-content:center}.ee .socbtns a{background:#00667f;color:#fff;border-radius:8px;padding:8px 14px;font-weight:700;font-size:11px;text-decoration:none}.ee .stdimg{text-align:center;padding:12px;color:#9aa;font-size:11px;border:1px dashed #c9d2da;border-radius:6px;margin:10px}.ee .ee-note{background:#fff8e1;border:1px dashed #E0C040;color:#7a5c00;padding:10px 12px;font-size:11.5px;border-radius:6px;margin:10px}.ee .ee-div{height:1px;background:#d2cdd1;margin:14px 16px}.ee .foot{text-align:center;padding:16px 14px;color:#fff}.ee .foot .small{font-size:11px;opacity:.8;margin-bottom:8px}.ee .foot .links{font-size:11px;line-height:1.9}.ee .hero{position:relative;overflow:hidden}.ee .hero .bgimg{width:100%;display:block}.ee .hero .ph-img{height:120px;background:#eef0f3;display:grid;place-items:center;color:#9aa;font-size:11px}.ee .hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:14px}.ee .hero-content{display:flex;flex-direction:column;gap:7px}.ee .hero-content h3{margin:0}.ee .hero-content .sub{margin:0;font-size:12px}.ee .hero-content .bdg{display:inline-block;border:1.5px dashed currentColor;padding:3px 9px;border-radius:5px;font-weight:700;font-size:11px;align-self:flex-start}.ee .hero-cols{display:grid;grid-template-columns:1fr 1fr;align-items:center}.ee .hero-cols .pane{padding:14px;display:flex;flex-direction:column;gap:7px}.ee .hero-cols .imgpane{padding:0}.ee .hero-cols .imgpane img{width:100%;height:100%;object-fit:cover;display:block}.ee .hero-cols .imgpane .ph-img{height:100%;min-height:120px}.features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}@media (max-width:720px){.features{grid-template-columns:1fr}}.feature{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:20px;display:flex;gap:16px;align-items:flex-start;text-decoration:none;color:inherit;transition:border-color .12s,box-shadow .12s}.feature:hover{border-color:var(--teal);box-shadow:var(--shadow-2)}.feature .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none}.feature .ic.teal{background:#81bd2824;color:var(--teal-dark)}.feature .ic.gold{background:#e8a62829;color:#b5791a}.feature h3{margin:0 0 5px;font-size:17px}.feature p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.feature .arrow{margin-left:auto;color:var(--faint)}.feed{display:flex;flex-direction:column;gap:9px;margin-bottom:8px}.feed-row{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 14px;box-shadow:var(--shadow-1)}.feed-row .ic{width:34px;height:34px;border-radius:9px;background:#81bd2824;color:var(--teal-dark);display:grid;place-items:center;flex:none}.feed-row .bn{flex:1;min-width:0}.feed-row .bn b{display:block;font-size:14px}.feed-row .bn small{color:var(--faint);font-size:11px}.feed-empty{color:var(--faint);font-size:13px;padding:16px;text-align:center;border:1px dashed var(--line);border-radius:12px}.cal-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:16px;margin-bottom:32px}.cal-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cal-nav{border:1px solid var(--line);background:#fff;border-radius:8px;width:34px;height:34px;font-size:15px;color:var(--ink)}.cal-nav:hover{border-color:var(--teal)}.cal-month{font-size:17px;font-weight:700;min-width:150px;text-align:center}.cal-today{border:1px solid var(--teal);color:var(--teal-dark);background:#fff;border-radius:8px;padding:7px 13px;font-weight:600;font-size:13px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-dow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);text-align:center;padding:4px 0}.cal-cell{position:relative;min-height:84px;min-width:0;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel);padding:6px;display:flex;flex-direction:column;gap:4px}.cal-cell.out{background:#fafafa;border-color:#f0f0f0}.cal-cell.today{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.cal-cell.addable{cursor:pointer}.cal-cell.addable:hover{border-color:var(--teal);background:#f6faef}.cal-add{position:absolute;bottom:6px;left:8px;font-size:10px;font-weight:700;color:#5d8a1c;opacity:0;pointer-events:none;transition:opacity .12s}.cal-cell.addable:hover .cal-add{opacity:1}.dnum{font-size:12px;font-weight:600;color:var(--muted);align-self:flex-end}.cal-cell.out .dnum{color:#c5c5c8}.cal-chip{border-radius:6px;padding:3px 6px;font-size:11px;font-weight:600;line-height:1.25;cursor:pointer;text-align:left;width:100%;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid}.cal-chip .t{display:block;font-size:9.5px;font-weight:700;color:#5d8a1c;letter-spacing:.3px}.cal-chip.brief{background:#f2f8e9;border-color:#d6e9bc;color:#3f6112;border-left:3px solid var(--teal)}.cal-chip.camp{background:#eef1f4;border-color:#e1e5ea;color:#566;border-left:3px solid #9aa6b2}.cal-chip.camp.sent{background:#eaf4d8;border-color:#d6e9bc;color:#3f6112;border-left-color:#81bd28}.cal-chip.camp.scheduled{background:#e7eefc;border-color:#d4e0fb;color:#1d4ed8;border-left-color:#1d4ed8}.cal-chip.camp.cancelled{background:#fdeaea;border-color:#f6d2d2;color:#b91c1c;border-left-color:#e57373;text-decoration:line-through}.cal-unscheduled{margin-top:12px}.cal-unscheduled .lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin-bottom:6px}.cal-us-chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;margin-right:6px;cursor:pointer}.camp-controls{display:flex;gap:10px;flex-wrap:wrap;margin:0 2px 14px}.camp-controls input{flex:1;min-width:200px;border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:14px;background:var(--panel)}.camp-controls select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;background:var(--panel)}.camp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.camp-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-1);cursor:pointer;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}.camp-card:hover{box-shadow:var(--shadow-2);border-color:#cdd8e0}.camp-thumb{height:150px;background:#eef1f4;display:grid;place-items:center;color:var(--faint);font-size:12px;overflow:hidden}.camp-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.camp-bd{padding:14px 15px;display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.camp-row{display:flex;align-items:flex-start;gap:9px}.camp-av{width:30px;height:30px;border-radius:8px;background:var(--teal);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;flex:none}.camp-from{flex:1;min-width:0}.camp-from b{display:block;font-size:13px;color:var(--navy);line-height:1.2}.camp-from span{display:block;font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camp-meta{display:flex;align-items:center;gap:8px;flex:none}.camp-date{font-size:11px;color:var(--faint);white-space:nowrap}.camp-badge{font-size:9.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:2px 7px;border-radius:20px}.camp-badge.sent{background:#eaf4d8;color:#3f6112}.camp-badge.scheduled{background:#e7eefc;color:#1d4ed8}.camp-badge.draft{background:#eef1f4;color:#566}.camp-badge.cancelled{background:#fdeaea;color:#b91c1c}.camp-subj{font-size:14.5px;font-weight:700;color:var(--navy);line-height:1.3}.camp-prev{font-size:12.5px;color:var(--muted);line-height:1.4}.camp-empty{grid-column:1/-1;text-align:center;color:var(--faint);font-size:13px;padding:30px}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;display:flex;justify-content:flex-end;z-index:80}.drawer-panel{background:var(--bg);width:min(620px,100%);height:100%;display:flex;flex-direction:column;box-shadow:-8px 0 30px #0003}.drawer-head{display:flex;align-items:flex-start;gap:12px;padding:18px 22px;background:var(--panel);border-bottom:1px solid var(--line)}.drawer-ttl{flex:1;min-width:0}.drawer-ttl h3{margin:0;font-size:17px;color:var(--navy)}.drawer-ttl .sub{font-size:13px;color:var(--muted);margin-top:3px}.drawer-x{border:0;background:var(--soft);width:32px;height:32px;border-radius:9px;color:var(--muted);font-size:14px;flex:none}.drawer-body{flex:1;overflow:auto;padding:18px 22px}.dw-preview{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.dw-preview iframe{width:100%;height:520px;border:0;display:block}.dw-preview .none{padding:40px;text-align:center;color:var(--faint);font-size:13px}.dw-details{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:18px 2px 0}.dw-details dt{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--faint);align-self:center}.dw-details dd{margin:0;font-size:14px;color:var(--navy)}.drawer-foot{display:flex;gap:10px;padding:16px 22px;background:var(--panel);border-top:1px solid var(--line)}.drawer-foot .btn{flex:1;justify-content:center}.pop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}.pop-sheet{background:#fff;border-radius:14px;max-width:420px;width:100%;padding:20px;box-shadow:var(--shadow-2)}.pop-sheet .tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--teal-dark);margin-bottom:6px}.pop-sheet h3{margin:0 0 12px;font-size:16px}.pop-sheet dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 16px;font-size:13px}.pop-sheet dt{color:var(--faint);font-weight:700;font-size:11px;text-transform:uppercase;align-self:center}.pop-sheet dd{margin:0}.pop-acts{display:flex;gap:8px}.hub-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink,#404045);color:#fff;padding:12px 20px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 8px 24px #0000002e;z-index:60;animation:hubToastIn .22s ease}@keyframes hubToastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bb-wrap{display:grid;grid-template-columns:230px 1fr;gap:20px;max-width:1320px;margin:20px auto;padding:0 20px;align-items:start}@media (max-width:880px){.bb-wrap{grid-template-columns:1fr}}.palette{position:sticky;top:76px;max-height:calc(100vh - 96px);overflow:auto;padding-right:4px;z-index:5}@media (max-width:880px){.palette{position:static;max-height:none}}.palette-item{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 11px;margin-bottom:8px;cursor:grab;box-shadow:var(--shadow-1);transition:transform .08s,border-color .12s}.palette-item:hover{border-color:var(--teal);transform:translateY(-1px)}.palette-item .ic{width:30px;height:30px;border-radius:7px;background:var(--soft);display:grid;place-items:center;color:var(--teal-dark);flex:none}.palette-item b{font-size:12.5px;font-weight:600;line-height:1.1;flex:1}.palette-item .tag{font-size:9px;background:var(--yellow-soft);color:#5a4a00;padding:1px 6px;border-radius:20px;font-weight:600}.palette-item .info{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);color:var(--muted);font-size:11px;font-weight:700;font-style:italic;display:grid;place-items:center;cursor:help;flex:none}.palette-item .info:hover{border-color:var(--teal);color:var(--teal-dark)}.canvas-meta{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:18px;box-shadow:var(--shadow-1)}.meta-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.meta-head h2{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.ab-switch{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.ab-switch input{position:absolute;opacity:0;width:0;height:0}.ab-switch .track{width:38px;height:22px;border-radius:20px;background:#d7d8da;position:relative;transition:background .15s}.ab-switch .track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #00000040}.ab-switch input:checked+.track{background:var(--ab)}.ab-switch input:checked+.track:after{left:18px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}@media (max-width:620px){.meta-grid{grid-template-columns:1fr}}.ab-pill{font-size:9px;font-weight:800;letter-spacing:.4px;background:#f3e6fb;color:#8b3fb8;padding:1px 6px;border-radius:20px;margin-left:4px}.send-row{display:flex;gap:8px}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);padding:26px;text-align:center;color:var(--muted);background:#ffffff80}.dropzone.over{border-color:var(--teal);background:#81bd2814;color:var(--teal-dark)}.block{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;box-shadow:var(--shadow-1)}.block.variant{border-color:#c98fe0;box-shadow:0 0 0 1px #c98fe0}.block.over{box-shadow:0 -3px 0 var(--teal),var(--shadow-1)}.block.dragging{opacity:.45}.block-head{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--soft);border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0}.block.collapsed .block-head{border-bottom:0;border-radius:var(--radius)}.block-head .grip{cursor:grab;color:var(--faint);font-size:15px;-webkit-user-select:none;user-select:none}.block-head .num{font-size:11px;font-weight:700;color:#fff;background:var(--teal);min-width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.block-head .ttl{font-weight:700;font-size:13px;color:var(--navy);flex:1}.block-head .badge{font-size:10px;background:var(--yellow-soft);color:#5a4a00;padding:2px 8px;border-radius:20px;font-weight:600}.block-head .badge.ab{background:#f3e6fb;color:#8b3fb8}.block-head button{border:0;background:transparent;color:var(--muted);font-size:13px;padding:4px 6px;border-radius:6px;display:inline-flex;align-items:center}.block-head button:hover{background:#fff;color:var(--ink)}.block-head .abtog{font-size:10px;font-weight:800;letter-spacing:.3px;border:1px solid var(--line);border-radius:6px;padding:3px 7px;color:var(--muted)}.block-head .abtog.on{background:var(--ab);color:#fff;border-color:var(--ab)}.block-head .del:hover{color:#b91c1c}.block-split{display:grid;grid-template-columns:300px 1fr}@media (max-width:720px){.block-split{grid-template-columns:1fr}}.block.collapsed .block-split{display:none}.live{background:#eef0f3;padding:14px;border-right:1px solid var(--line);display:flex;align-items:flex-start;justify-content:center;position:sticky;top:64px;align-self:start;max-height:calc(100vh - 80px);overflow:auto;border-bottom-left-radius:var(--radius)}@media (max-width:720px){.live{border-right:0;border-bottom:1px solid var(--line);position:static;max-height:none;border-radius:0}}.live .frame{width:272px;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 10px #0000001f}.editor{padding:14px}.editor .fld{margin-bottom:10px}.editor .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor .variant-note label{color:#8b3fb8}.editor .variant-note textarea{border-color:#e2c6f0;background:#fdf8ff}.note{font-size:12px;color:var(--muted);background:var(--soft);border-radius:7px;padding:8px 10px;border:1px dashed var(--line);margin-bottom:10px}.imgfield{display:flex;gap:10px;align-items:flex-start}.imgfield .thumbprev{width:64px;height:64px;border-radius:7px;border:1px solid var(--line);background:var(--soft);flex:none;overflow:hidden;display:grid;place-items:center;color:var(--faint);font-size:9px;text-align:center}.imgfield .thumbprev img{width:100%;height:100%;object-fit:cover}.imgfield .col{flex:1;display:flex;flex-direction:column;gap:6px}.pickbtn{border:1px solid var(--teal);color:var(--teal-dark);background:#fff;border-radius:7px;padding:6px 9px;font-weight:600;font-size:11px}.items{display:flex;flex-direction:column;gap:8px}.item{display:grid;grid-template-columns:48px 1fr 26px;gap:8px;align-items:center;background:var(--soft);border-radius:8px;padding:8px}.item.two{grid-template-columns:1fr 1fr 26px}.item .pic{width:48px;height:48px;border-radius:6px;background:#fff;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;color:var(--faint);font-size:9px;text-align:center;cursor:pointer}.item .pic img{width:100%;height:100%;object-fit:cover}.item .stack{display:flex;flex-direction:column;gap:5px}.item input{border:1px solid var(--line);border-radius:6px;padding:6px 8px;width:100%;background:#fff}.item .x{border:0;background:transparent;color:var(--faint);font-size:15px}.item .x:hover{color:#b91c1c}.add-item{margin-top:8px;border:1px dashed var(--teal);color:var(--teal-dark);background:#fff;border-radius:7px;padding:7px 12px;font-weight:600;font-size:12px}.grid-cfg{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:10px}.grid-cfg select{padding:4px 6px;border:1px solid var(--line);border-radius:6px}details.style{margin-top:6px;border:1px solid var(--line);border-radius:8px;overflow:hidden}details.style>summary{list-style:none;cursor:pointer;padding:9px 12px;background:var(--soft);font-weight:600;font-size:12px;color:var(--navy)}details.style>summary::-webkit-details-marker{display:none}.style-body{padding:12px}.style-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.style-row>span{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.swatches{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.sw{width:24px;height:24px;border-radius:6px;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}.sw.on{box-shadow:0 0 0 2px var(--teal)}.sw.none{background:repeating-linear-gradient(45deg,#fff,#fff 4px,#eee 4px,#eee 8px)}.hexin{width:84px;border:1px solid var(--line);border-radius:6px;padding:5px 7px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.seg button{border:0;background:#fff;padding:6px 11px;font-size:12px;color:var(--muted)}.seg button.on{background:var(--teal);color:#fff}.pv-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 12px;font-weight:600;font-size:12px;color:var(--muted);margin-right:6px}.pv-tabs button.on{background:var(--teal);color:#fff;border-color:var(--teal)}.vmail{max-width:600px;margin:0 auto;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.vbar{background:var(--soft);padding:10px 14px;border-bottom:1px solid var(--line)}.vbar .subj{font-weight:700;font-size:13px}.vbar .prev{font-size:12px;color:var(--muted)}.spec .bhead{margin-bottom:16px}.spec h1{font-size:22px;color:var(--navy);margin:0 0 4px}.spec .sub{color:var(--muted);font-size:13px;margin-bottom:14px}.spec .ab-flag{display:inline-block;background:var(--ab);color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;padding:2px 8px;border-radius:20px;margin-left:6px}.spec table.so{width:100%;border-collapse:collapse;font-size:12px}.spec table.so td{border:1px solid var(--line);padding:6px 10px;vertical-align:top}.spec table.so td:first-child{font-weight:700;background:var(--soft);width:150px}.spec .bk{border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:8px;padding:12px 14px;margin-bottom:12px}.spec .bk.std{border-left-color:#9aa6b2;background:var(--soft)}.spec .bk.variant{border-left-color:var(--ab)}.spec .lbl{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--teal-dark);font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:7px}.spec .bk-num{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--teal);color:#fff;font-size:10px}.spec .std-tag{margin-left:auto;font-size:9px;background:var(--yellow-soft);color:#5a4a00;padding:1px 7px;border-radius:20px}.spec .std-tag.ab{background:#f3e6fb;color:#8b3fb8}.spec .fld2{display:grid;grid-template-columns:120px 1fr;gap:6px 14px;padding:5px 0;border-top:1px solid var(--line-soft)}.spec .fld2:first-of-type{border-top:0}.spec .k{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding-top:2px}.spec .v{font-size:13.5px;color:var(--ink);white-space:pre-wrap;line-height:1.45}.spec .v a{color:var(--teal-dark);word-break:break-all}.spec .styling{font-size:11px;color:#6b5300;background:#fff8e1;border:1px dashed #E0C040;border-radius:5px;padding:6px 8px;margin-top:8px}.spec .ab-out{font-size:11.5px;color:#7a3ca3;background:#faf3fe;border:1px dashed #d9b6ec;border-radius:5px;padding:6px 9px;margin-top:6px}.spec .devnote-out{background:#fff8e1;border:1px dashed #E0C040;color:#6b5300;border-radius:6px;padding:9px 11px;font-size:13.5px;white-space:pre-wrap}.spec .tbc{color:#b48a00;font-style:italic}.spec img.ref{max-width:80px;border-radius:5px;border:1px solid var(--line);vertical-align:middle;margin-right:8px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.pick-cell{border:1px solid var(--line);border-radius:8px;overflow:hidden;cursor:pointer;background:#fff}.pick-cell:hover{border-color:var(--teal)}.pick-cell .iw{height:90px;display:grid;place-items:center;background:repeating-conic-gradient(#eef0f3 0,#eef0f3 25%,#fff 0,#fff 50%) 50%/16px 16px}.pick-cell img{max-width:100%;max-height:90px}.pick-cell .cap{font-size:10px;padding:6px;color:var(--muted)}.brief-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:11px 13px;margin-bottom:9px}.brief-row .bn{flex:1;min-width:0}.brief-row .bn b{display:block;font-size:14px}.brief-row .bn small{color:var(--muted);font-size:11px}.save-stat{font-size:12px;color:var(--faint);display:inline-flex;align-items:center;gap:6px}.save-stat .dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}.save-stat.dirty .dot{background:#e0a020}.rt-wrap{display:grid;grid-template-columns:340px 1fr;gap:20px;max-width:1200px;margin:20px auto;padding:0 20px;align-items:start}@media (max-width:820px){.rt-wrap{grid-template-columns:1fr}}.rt-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-1);padding:16px;margin-bottom:16px}.rt-panel h2{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 12px}.rt-panel .fld{margin-bottom:12px}.rt-row{display:flex;gap:8px}.rt-btn{border:0;border-radius:8px;padding:9px 13px;font-weight:600;font-size:13px;background:var(--soft);color:var(--ink)}.rt-btn.teal{background:var(--teal);color:#fff}.rt-btn.ghost{background:#fff;border:1px solid var(--teal);color:var(--teal-dark)}.rt-btn.block{width:100%;margin-bottom:8px}.rt-swatches{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.rt-sw{width:26px;height:26px;border-radius:6px;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}.rt-sw.on{box-shadow:0 0 0 2px var(--teal)}.rt-hex{width:84px;border:1px solid var(--line);border-radius:6px;padding:5px 7px}.rt-seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.rt-seg button{border:0;background:#fff;padding:9px 16px;font-size:13px;font-weight:600;color:var(--muted);border-right:1px solid var(--line)}.rt-seg button:last-child{border-right:0}.rt-seg button.on{background:var(--teal);color:#fff}.corners{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:150px}.corners button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 0;font-size:14px;color:var(--muted)}.corners button:hover{border-color:var(--teal);color:var(--teal-dark)}.hint{font-size:11px;color:var(--muted);margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 10px 5px 6px;font-size:12px;font-weight:600;cursor:pointer}.chip .dot{width:18px;height:18px;border-radius:50%;flex:none}.chip .rm{border:0;background:transparent;color:var(--faint);font-size:13px}.stagewrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-1);padding:16px}.stage{position:relative;display:inline-block;max-width:100%;line-height:0;background:repeating-conic-gradient(#eef0f3 0,#eef0f3 25%,#fff 0,#fff 50%) 50%/22px 22px;border-radius:6px;overflow:hidden}.stage img.base{max-width:100%;display:block}.stage .placeholder{width:520px;max-width:100%;height:340px;display:grid;place-items:center;color:var(--muted);font-size:13px;text-align:center;padding:20px}.roundel{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;font-weight:700;font-family:Montserrat,Arial,sans-serif;white-space:pre;line-height:1.02;box-shadow:0 2px 8px #00000040}