.app{flex-direction:column;min-width:0;height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex:0 0 56px;align-items:center;gap:24px;padding:0 20px;display:flex}.brand{font-size:16px;font-weight:750;font-stretch:var(--narrow);white-space:nowrap;align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent);border-radius:7px;width:26px;height:26px;position:relative}.brand-mark:before{content:"";border:2px solid var(--accent-ink);border-radius:3px;width:10px;height:18px;position:absolute;top:4px;left:8px}.brand-mark:after{content:"";background:var(--accent-ink);border-radius:50%;width:3px;height:3px;position:absolute;top:15px;left:11.5px}.nav{align-self:stretch;gap:2px;display:flex}.nav-link{color:var(--ink-2);cursor:pointer;background:0 0;border:2px solid #0000;border-left:0;border-right:0;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:flex}.nav-link:hover{color:var(--ink)}.nav-link.is-active{color:var(--ink);border-bottom-color:var(--accent)}.nav-badge{background:var(--draft-soft);min-width:18px;height:18px;color:var(--draft);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11.5px;font-weight:700;display:inline-flex}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.demo-bar{background:var(--draft-soft);color:var(--draft);flex-wrap:wrap;flex:none;align-items:center;gap:4px 14px;padding:7px 20px;font-size:13px;font-weight:600;display:flex}.demo-bar button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.page{flex:auto;min-height:0;padding:28px 28px 64px;overflow:auto}.page-inner{max-width:1720px;margin:0 auto}.page-head{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:16px;display:flex}.page-title{align-items:baseline;gap:10px;display:flex}.count{color:var(--ink-3);font-size:16px;font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.page-lead{max-width:640px;color:var(--ink-2);margin:-6px 0 20px}.avatar{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);font-size:12px;font-weight:700;font-stretch:var(--narrow);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar-sm{border:1.5px solid var(--surface);width:20px;height:20px;font-size:9.5px}.avatar-stack{display:inline-flex}.avatar-stack .avatar-sm+.avatar-sm{margin-left:-6px}.user-btn{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:20px;align-items:center;gap:8px;height:40px;padding:0 8px 0 5px;display:flex}.user-btn:hover{background:var(--surface-2)}.user-name{line-height:1.2;display:grid}.user-name strong{font-size:13px;font-weight:650}.user-name span{color:var(--ink-3);font-size:11.5px}.field{gap:6px;min-width:0;display:grid}.field-label{color:var(--ink-2);font-size:12.5px;font-weight:600}.field-hint{color:var(--ink-3);font-size:12.5px}.input,.select,.textarea{border:1px solid var(--line-2);background:var(--surface);width:100%;min-width:0;height:36px;color:var(--ink);border-radius:8px;padding:0 10px}.textarea{resize:vertical;height:auto;min-height:76px;padding:8px 10px;line-height:1.4}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-repeat:no-repeat;background-size:5px 5px;padding-right:28px}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input-sm,.select-sm{border-radius:7px;height:30px;font-size:13px}.select-sm{background-position:calc(100% - 15px) 12px,calc(100% - 10px) 12px}.search{position:relative}.search svg{color:var(--ink-3);pointer-events:none;position:absolute;top:10px;left:10px}.search .input{width:230px;padding-left:34px}.switch{cursor:pointer;align-items:center;gap:10px;font-weight:600;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{background:var(--line-2);border-radius:10px;flex:none;width:34px;height:20px;transition:background-color .15s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.switch.is-live input:checked+.switch-track{background:var(--danger)}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:2px;display:inline-flex}.seg button{min-width:30px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:13px;font-weight:600;display:inline-flex}.seg button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.seg-block{display:flex}.seg-block button{flex:1 1 0}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent);margin:2px 0 0}.form-error{background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:9px 12px;font-size:13px;font-weight:600}.note{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);border-radius:8px;padding:10px 12px;font-size:13px}.note-draft{background:var(--draft-soft);color:var(--draft);border-color:#0000}.note-live{background:var(--danger-soft);color:var(--danger);border-color:#0000}.chips{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.chip{border:1px solid var(--line-2);background:var(--surface);height:30px;color:var(--ink-2);cursor:pointer;border-radius:15px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--ink-3)}.chip.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip-dot{background:var(--ink-3);border-radius:50%;width:8px;height:8px}.chip-dot.is-on{background:var(--on)}.chip-dot.is-draft{background:var(--draft)}.wall{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:22px 16px;display:grid}.tile{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow-1);border-radius:10px;flex-direction:column;display:flex;position:relative}.tile:focus-within{border-color:var(--accent)}.tile-screen{aspect-ratio:9/16;cursor:pointer;border:0;border-radius:9px 9px 0 0;width:100%;padding:0;display:block}.tile-screen:focus-visible{outline-offset:-2px}.tile-hint{color:#111a2e;opacity:0;pointer-events:none;background:#fffffff0;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:30px;font-size:12.5px;font-weight:700;transition:opacity .12s,transform .12s;display:flex;position:absolute;bottom:8px;left:8px;right:8px;transform:translateY(4px)}.tile-screen:hover .tile-hint,.tile-screen:focus-visible .tile-hint{opacity:1;transform:none}.tile-label{border-top:1px solid var(--line);gap:1px;min-width:0;padding:5px 4px 9px 10px;display:grid}.tile-top{align-items:center;min-width:0;display:flex}.tile-top .icon-btn{width:30px;height:30px}.tile-name{min-width:0;min-height:30px;font-size:14.5px;font-weight:680;font-stretch:var(--narrow);flex:auto;align-items:center;gap:7px;line-height:1.2;display:flex}.tile-name span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tile-meta{min-width:0;min-height:20px;color:var(--ink-3);align-items:center;gap:6px;padding-right:8px;font-size:12px;display:flex}.tile-handle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tile-meta .pill{height:18px;padding:0 6px;font-size:11px}.pager{color:var(--ink-2);justify-content:center;align-items:center;gap:12px;margin-top:28px;font-weight:600;display:flex}.empty{justify-items:start;gap:10px;max-width:520px;padding:36px 0;display:grid}.empty p{color:var(--ink-2)}.modal-backdrop{z-index:60;background:#080c168c;justify-content:center;align-items:flex-start;padding:6vh 16px 24px;display:flex;position:fixed;inset:0;overflow:auto}.modal{border:1px solid var(--line);background:var(--surface);width:100%;max-width:500px;box-shadow:var(--shadow-2);border-radius:14px;flex-direction:column;display:flex}.modal-md{max-width:640px}.modal-lg{max-width:900px}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 12px 16px 20px;display:flex}.modal-head h2{flex:auto;min-width:0}.modal-body{gap:16px;padding:20px;display:grid}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.modal-foot .grow{margin-right:auto}.drawer-backdrop{z-index:55;background:#080c1659;position:fixed;inset:0}.drawer{z-index:56;background:var(--surface);border-left:1px solid var(--line);width:min(440px,100vw);box-shadow:var(--shadow-2);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-body{flex:auto;align-content:start;gap:18px;padding:18px 20px 28px;display:grid;overflow:auto}.menu{z-index:80;border:1px solid var(--line);background:var(--surface);min-width:210px;max-width:320px;max-height:70vh;box-shadow:var(--shadow-2);border-radius:10px;padding:6px;position:fixed;overflow:auto}.menu-item{width:100%;min-height:34px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:6px 10px;font-weight:550;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-2);outline:none}.menu-item svg{color:var(--ink-3);flex:none}.menu-item.is-danger,.menu-item.is-danger svg{color:var(--danger)}.menu-item:disabled{opacity:.45;cursor:not-allowed}.menu-item .menu-end{margin-left:auto}.menu-sep{background:var(--line);height:1px;margin:6px 4px}.menu-label{color:var(--ink-3);padding:6px 10px 4px;font-size:12px;font-weight:700}.toasts{z-index:100;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);max-width:min(560px,92vw);color:var(--surface);box-shadow:var(--shadow-2);pointer-events:auto;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-weight:600;animation:.18s ease-out toast-in;display:flex}.toast.is-error{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.spinner{border:2.5px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-fill{text-align:center;min-height:0;color:var(--ink-2);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.login{grid-template-columns:minmax(0,1fr) minmax(0,480px);min-height:100%;display:grid}.login-side{background:var(--screen);color:var(--screen-ink);flex-direction:column;justify-content:space-between;gap:32px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.login-side .brand{color:#fff}.login-side h1{color:#fff;max-width:460px;font-size:38px;line-height:1.08}.login-side p{color:#aab4ca;max-width:420px;margin-top:14px;font-size:15px}.login-wall{align-items:flex-end;gap:14px;display:flex}.login-wall .screen{aspect-ratio:9/16;border:1px solid #242e46;flex:none;width:150px}.login-wall .screen:nth-child(2){width:184px}.login-main{background:var(--surface);flex-direction:column;justify-content:center;padding:40px 48px;display:flex}.login-form{gap:16px;width:100%;max-width:360px;margin:0 auto;display:grid}.login-form h2{font-size:24px}.login-switch{color:var(--ink-2);font-size:13px}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline}.demo-accounts{gap:10px;display:grid}.demo-account{border:1px solid var(--line-2);background:var(--surface);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:12px 14px;display:grid}.demo-account:hover{border-color:var(--accent);background:var(--accent-soft)}.demo-account .avatar{grid-row:1/3}.demo-account strong{font-weight:700}.demo-account span{color:var(--ink-2);font-size:12.5px}@media (max-width:860px){.login{grid-template-columns:1fr}.login-side{display:none}}.table{border-collapse:collapse;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;overflow:hidden}.table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow-x:auto}.table-wrap .table{border:0;border-radius:0;min-width:760px}.table th{border-bottom:1px solid var(--line);color:var(--ink-3);text-align:left;white-space:nowrap;padding:10px 14px;font-size:12.5px;font-weight:650}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 14px}.table tr:last-child td{border-bottom:0}.person{align-items:center;gap:10px;min-width:0;display:flex}.person div{min-width:0;line-height:1.25;display:grid}.person strong{font-weight:650}.person span{color:var(--ink-3);text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.row-actions{justify-content:flex-end;gap:6px;display:flex}.pick-list{border:1px solid var(--line);border-radius:10px;gap:2px;max-height:46vh;padding:4px;display:grid;overflow:auto}.pick-row{cursor:pointer;border-radius:7px;align-items:center;gap:10px;padding:7px 8px;display:flex}.pick-row:hover{background:var(--surface-2)}.pick-row input{width:16px;height:16px;accent-color:var(--accent)}.pick-row .pick-sub{color:var(--ink-3);white-space:nowrap;margin-left:auto;font-size:12.5px}.pick-tools{align-items:center;gap:8px;display:flex}.pick-tools .search{flex:auto}.pick-tools .search .input{width:100%}.tpl-pick{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.tpl-option{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:10px;gap:6px;padding:6px 6px 8px;display:grid}.tpl-option:hover{border-color:var(--ink-3)}.tpl-option.is-active{border-color:var(--accent);background:var(--accent-soft)}.tpl-option .screen{aspect-ratio:9/16;width:100%}.tpl-option span{padding:0 2px;font-size:12px;font-weight:650;line-height:1.2}.tile-desc{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:8px;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.tile-actions{gap:6px;padding:0 8px 10px 10px;display:flex}.tile-actions .btn{flex:auto}.linkbox{gap:8px;display:grid}.linkbox-row{gap:8px;display:flex}.linkbox-row .input{background:var(--surface-2);flex:auto;font-size:12.5px}.quick-monitor{grid-template-columns:132px 1fr;align-items:start;gap:16px;display:grid}.quick-monitor .screen{aspect-ratio:9/16;width:100%}.quick-side{align-content:start;gap:12px;display:grid}.quick-list{gap:10px;display:grid}.quick-item{border:1px solid var(--line);border-radius:10px;gap:10px;padding:12px;display:grid}.quick-item.is-hidden{background:var(--surface-2)}.quick-head{align-items:center;gap:8px;display:flex}.quick-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:680;font-stretch:var(--narrow);flex:auto;overflow:hidden}.quick-head .faint{font-size:12px}.stepper{align-items:center;gap:6px;display:flex}.stepper .input{text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.stepper .btn{flex:none;min-width:44px;padding:0 8px}.stepper .field{flex:auto}.quick-of{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;display:flex}.quick-of .field{width:120px}.timer-read{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.btn-row{flex-wrap:wrap;gap:6px;display:flex}.editor{flex:auto;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.ed-bar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;min-height:52px;padding:6px 12px;display:flex}.ed-sep{background:var(--line);flex:none;width:1px;height:22px;margin:0 6px}.ed-title{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-width:0;max-width:300px;height:36px;padding:0 8px;display:flex}.ed-title:hover{background:var(--surface-2)}.ed-title-text{min-width:0;line-height:1.15;display:grid}.ed-title-text strong{font-weight:700;font-stretch:var(--narrow);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ed-title-text span{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ed-zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;color:var(--ink-2);font-size:13px;font-weight:650}.ed-spacer{flex:auto}.ed-status{color:var(--ink-3);white-space:nowrap;align-items:center;gap:8px;margin-right:6px;font-size:12.5px;font-weight:600;display:flex}.ed-notice{background:var(--draft-soft);color:var(--draft);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.ed-notice.is-live{background:var(--danger-soft);color:var(--danger)}.ed-body{grid-template-rows:minmax(0,1fr);grid-template-columns:244px minmax(0,1fr) 304px;min-height:0;display:grid}.ed-left,.ed-right{background:var(--surface);min-height:0}.ed-left{border-right:1px solid var(--line);flex-direction:column;display:flex}.ed-right{border-left:1px solid var(--line);overflow:auto}.panel-title{color:var(--ink-2);justify-content:space-between;align-items:center;padding:12px 14px 6px;font-size:12.5px;font-weight:700;display:flex}.palette{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px 12px 14px;display:grid}.palette-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:9px 0 7px;font-size:11px;font-weight:650;font-stretch:78%;line-height:1.1;display:flex}.palette-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.layers{flex:auto;min-height:0;padding:2px 6px 12px;overflow:auto}.layer{height:34px;color:var(--ink-2);cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:0 2px 0 8px;display:flex}.layer:hover{background:var(--surface-2)}.layer.is-selected{background:var(--accent-soft);color:var(--ink)}.layer.is-off .layer-name,.layer.is-off>svg{opacity:.45}.layer.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.layer.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.layer>svg{flex:none}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13px;font-weight:560;overflow:hidden}.layer-name-input{border:1px solid var(--accent);background:var(--surface);border-radius:5px;flex:auto;min-width:0;height:26px;padding:0 6px;font-size:13px}.layer .icon-btn{opacity:0;width:26px;height:26px}.layer:hover .icon-btn,.layer .icon-btn.is-set,.layer .icon-btn:focus-visible{opacity:1}.layers-empty{color:var(--ink-3);padding:10px 10px 0;font-size:13px}.ed-stage{background:var(--paper);outline:none;min-width:0;min-height:0;position:relative;overflow:auto}.ed-scroll{width:max-content;min-width:100%;min-height:100%;padding:36px;display:flex;overflow:hidden}.ed-art{box-shadow:0 0 0 1px var(--line-2), var(--shadow-2);touch-action:none;flex:none;margin:auto;position:relative}.ed-art.bg-dark{background:#10151f}.ed-art.bg-light{background:#e7eaf0}.ed-art.bg-photo{background:linear-gradient(160deg,#4a3b5c 0%,#7a5a63 38%,#c08a6a 70%,#3a3442 100%)}.ed-art-inner{transform-origin:0 0;position:absolute;top:0;left:0}.ed-art .ov-el{cursor:move}.ed-art .ov-el.is-locked{pointer-events:none}.ed-layer{pointer-events:none;position:absolute;inset:0}.safe-zone{color:#ffffffd9;text-align:center;background-color:#0b101c52;background-image:repeating-linear-gradient(-45deg,#ffffff12 0 5px,#fff0 5px 11px);justify-content:center;align-items:center;font-size:11px;font-weight:650;display:flex;position:absolute;left:0;right:0}.safe-zone span{background:#0b101cb3;border-radius:9px;padding:2px 8px}.safe-zone.is-top{border-bottom:1px dashed #ffffff73;top:0}.safe-zone.is-bottom{border-top:1px dashed #ffffff73;bottom:0}.guide{background:#ff3da5;position:absolute}.guide.is-v{width:1px;top:0;bottom:0}.guide.is-h{height:1px;left:0;right:0}.sel{border:1.5px solid #2f7bff;position:absolute;box-shadow:0 0 0 1px #ffffffbf}.sel.is-locked{border-style:dashed}.sel.is-hover{box-shadow:none;opacity:.8;border-width:1px}.sel-h{pointer-events:auto;touch-action:none;background:#fff;border:1.5px solid #2f7bff;border-radius:2px;width:11px;height:11px;margin:-6px 0 0 -6px;position:absolute}.sel-rot{pointer-events:auto;cursor:grab;touch-action:none;background:#fff;border:1.5px solid #2f7bff;border-radius:50%;width:13px;height:13px;margin-left:-7px;position:absolute;top:-30px;left:50%}.sel-rot:after{content:"";background:#2f7bff;width:1.5px;height:17px;position:absolute;top:12px;left:4px}.sel-size{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;background:#2f7bff;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:650;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.live-monitor{z-index:5;border:1px solid var(--line);background:var(--surface);width:128px;box-shadow:var(--shadow-2);border-radius:10px;position:absolute;bottom:14px;left:14px}.live-monitor .screen{aspect-ratio:9/16;border-radius:9px 9px 0 0;width:100%}.live-monitor.is-wide .screen{aspect-ratio:16/9}.live-monitor-label{width:100%;font-size:12px;font-weight:680;font-stretch:var(--narrow);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:0 0 9px 9px;align-items:center;gap:6px;padding:6px 8px;display:flex}.live-monitor.is-closed{width:auto}.live-monitor.is-closed .live-monitor-label{border-radius:9px}.ed-center{min-width:0;min-height:0;display:flex;position:relative}.ed-center .ed-stage{flex:auto}.ed-art.bg-check{background-color:var(--screen);background-image:linear-gradient(45deg, var(--screen-check) 25%, transparent 25%, transparent 75%, var(--screen-check) 75%), linear-gradient(45deg, var(--screen-check) 25%, transparent 25%, transparent 75%, var(--screen-check) 75%);background-position:0 0,12px 12px;background-size:24px 24px}.props-empty{color:var(--ink-2);gap:14px;padding:18px 16px;display:grid}.prop-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 10px 12px 16px;display:flex}.prop-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;font-stretch:var(--narrow);flex:auto;font-size:15px;overflow:hidden}.prop-section{border-bottom:1px solid var(--line);gap:10px;padding:14px 16px;display:grid}.prop-title{color:var(--ink-2);font-size:12.5px;font-weight:700}.prop-row{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;display:grid}.prop-row>label,.prop-row>.prop-label{color:var(--ink-2);font-size:12.5px}.prop-row.is-top{align-items:start}.prop-row.is-top>label{padding-top:8px}.prop-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.numf{position:relative}.numf .input{font-variant-numeric:tabular-nums;padding-right:26px}.numf.has-prefix .input{padding-left:24px}.num-unit,.num-prefix{height:100%;color:var(--ink-3);pointer-events:none;align-items:center;font-size:11.5px;font-weight:650;display:flex;position:absolute;top:0}.num-unit{right:8px}.num-prefix{left:9px}.slider{grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:8px;display:grid}.slider input[type=range]{width:100%;accent-color:var(--accent)}.color{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;font-variant-numeric:tabular-nums;text-align:left;border-radius:7px;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px 0 4px;font-size:12.5px;display:flex}.swatch{background-color:#fff;background-image:linear-gradient(45deg,#c9ced8 25%,#0000 25% 75%,#c9ced8 75%),linear-gradient(45deg,#c9ced8 25%,#0000 25% 75%,#c9ced8 75%);background-position:0 0,4px 4px;background-size:8px 8px;border-radius:5px;flex:none;width:22px;height:22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000002e}.swatch i{position:absolute;inset:0}.swatch:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line-2);pointer-events:none;position:absolute;inset:0}.color-pop{z-index:85;border:1px solid var(--line);background:var(--surface);width:236px;box-shadow:var(--shadow-2);border-radius:10px;gap:10px;padding:12px;display:grid;position:fixed}.color-pop input[type=color]{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:7px;width:100%;height:36px;padding:0}.color-presets{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.color-presets button{aspect-ratio:1;cursor:pointer;border:0;border-radius:5px;padding:0;box-shadow:inset 0 0 0 1px #0000002e}.font-pick{max-height:320px}.font-pick .menu-item{font-size:16px;font-weight:400}.media-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.media-item{aspect-ratio:1;border:1.5px solid var(--line);background-color:var(--surface-2);cursor:pointer;border-radius:10px;padding:6px;position:relative}.media-item:hover{border-color:var(--accent)}.media-item img{object-fit:contain;width:100%;height:100%}.version-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:20px;display:grid}.version-list{gap:4px;max-height:56vh;display:grid;overflow:auto}.version-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;gap:2px;padding:9px 12px;display:grid}.version-row:hover{background:var(--surface-2)}.version-row.is-active{border-color:var(--accent);background:var(--accent-soft)}.version-row span{color:var(--ink-3);font-size:12.5px}.preview-screen{aspect-ratio:9/16;width:min(100%,320px);max-height:62vh;margin:0 auto}.preview-screen.is-wide{aspect-ratio:16/9;width:100%}.kbd{border:1px solid var(--line-2);background:var(--surface-2);text-align:center;border-bottom-width:2px;border-radius:5px;min-width:20px;padding:1px 5px;font-size:11.5px;font-weight:650;display:inline-block}.shortcuts{color:var(--ink-2);grid-template-columns:auto 1fr;align-items:start;gap:8px 12px;font-size:12.5px;display:grid}.shortcuts>.kbd{justify-self:start}@media (max-width:1100px){.ed-body{grid-template-columns:200px minmax(0,1fr) 280px}.palette{grid-template-columns:repeat(3,minmax(0,1fr))}}.ed-narrow{background:var(--surface);flex-direction:column;flex:auto;align-items:flex-start;gap:12px;padding:32px 20px;display:none}.ed-narrow h2{margin:0;font-size:20px;line-height:1.25}.ed-narrow p{max-width:46ch;color:var(--ink-2);margin:0}@media (max-width:720px){.ed-body{display:none}.ed-narrow{display:flex}.page{padding:20px 16px 48px}.topbar{gap:12px;padding:0 12px}.brand span:last-child,.user-name{display:none}.search .input{width:100%}.toolbar{width:100%;margin-left:0}.wall{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px 12px}.version-layout{grid-template-columns:1fr}.quick-monitor{grid-template-columns:104px 1fr;gap:12px}.ed-bar>.icon-btn:not(:first-child),.ed-bar>.ed-zoom,.ed-bar>.ed-sep{display:none}}@media (prefers-reduced-motion:reduce){.toast,.tile-hint,.switch-track,.switch-track:after{transition:none;animation:none}}.pill-live{color:#fff;letter-spacing:.02em;background:#e11d48;gap:5px;font-weight:700}.rules{gap:8px;display:grid}.rule{border:1px solid var(--line);background:var(--surface);border-radius:10px}.rule.is-off .rule-title{color:var(--ink-3,var(--ink-2));text-decoration:line-through}.rule-head{align-items:center;gap:8px;padding:6px 8px 6px 4px;display:flex}.rule-toggle{min-width:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:6px;padding:4px;font-size:13.5px;font-weight:600;display:flex}.rule-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rule-body{border-top:1px solid var(--line);gap:10px;padding:12px;display:grid}.media-field{align-items:center;gap:8px;min-width:0;display:flex}.media-thumb{object-fit:contain;background:repeating-conic-gradient(#d6dae3 0% 25%,#fff 0% 50%) 50%/10px 10px;border-radius:6px;flex:none;width:34px;height:34px}.media-name{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:13px;overflow:hidden}.list-edit{gap:6px;display:grid}.list-edit-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.list-edit-row .color{width:44px}.list-edit-num{text-align:center;width:22px;color:var(--ink-2);font-weight:700}.live-box{border-color:color-mix(in srgb, #e11d48 35%, var(--line))}.live-nums{color:var(--ink-2);flex-wrap:wrap;gap:6px 16px;font-size:13.5px;display:flex}.live-nums b{color:var(--ink);font-size:15px}.test-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;display:grid}.test-gift{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.settings-block h2{margin:8px 0 6px;font-size:18px}.settings-status{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:14px 0;display:flex}.settings-steps{gap:4px;margin:0 0 14px;padding-left:20px;display:grid}.settings-form{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.settings-form .input{flex:280px}.settings-block .note p{margin:0 0 8px}.settings-block .note p:last-child{margin-bottom:0}.preview-tests{gap:6px;margin-top:12px;display:grid}