.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.brand-name{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.logo-dot{background:var(--primary);border-radius:4px;width:14px;height:14px}.top-actions{flex-wrap:wrap;gap:8px;display:flex}.workspace{flex:1;grid-template-columns:minmax(340px,460px) 1fr 88px;align-items:start;gap:20px;padding:20px;display:grid}.editor{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;max-height:calc(100vh - 96px);padding:14px;display:flex;position:sticky;top:76px}.editor-body{margin:0 -4px;padding:2px 4px 8px;overflow-y:auto}.stage{flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex}.stage-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.preview-canvas{touch-action:none;background:#fff;border-radius:6px;width:100%;height:auto;display:block;box-shadow:0 10px 40px #0000001f}@media (max-width:900px){.workspace{grid-template-columns:1fr;padding:12px 16px}.editor{order:2;max-height:none;position:static}.stage{order:1}}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 14px;font-weight:700}.btn:hover:not(:disabled){border-color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.danger{color:var(--danger)}.btn.small{padding:3px 10px;font-size:13px}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;flex:none;width:32px;height:32px;font-size:16px;line-height:1}.icon-btn:disabled{opacity:.35}.icon-btn.danger{color:var(--danger)}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-actions.end{justify-content:flex-end;margin-top:8px}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}.segmented button{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;padding:6px 12px;font-weight:700}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000001a}.form-section{flex-direction:column;gap:12px;display:flex}.sub-heading{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:8px;margin:10px 0 0;padding-top:10px;font-size:14px;display:flex}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field-label{font-size:13px;font-weight:700}.field-hint{color:var(--muted);margin:0;font-size:12px}.field-hint.center{text-align:center}.input{border:1px solid var(--border);background:var(--surface);border-radius:8px;outline:none;width:100%;padding:8px 10px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #005a9c26}.input-with-btn{gap:6px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toggle{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--primary)}.toggles{flex-direction:column;gap:8px;display:flex}input[type=range]{width:100%;accent-color:var(--primary)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);min-height:110px;color:var(--muted);cursor:pointer;background:var(--surface-2);text-align:center;justify-content:center;align-items:center;padding:8px;display:flex;overflow:hidden}.dropzone.drag,.dropzone:hover{border-color:var(--primary)}.dropzone.has{border-style:solid;padding:0}.dropzone img{max-width:100%;max-height:180px;display:block}.adjust{background:var(--surface-2);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:6px;padding:10px;display:flex}.adjust .field{width:100%}.feature-row{align-items:center;gap:6px;display:flex}.table-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.feature-num{text-align:center;width:22px;color:var(--muted);flex:none;font-weight:700}.themes{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.theme-card{border:2px solid var(--border);background:var(--surface);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:6px;padding:8px;font-size:13px;font-weight:700;display:flex}.theme-card.active{border-color:var(--primary)}.swatches{border:1px solid var(--border);border-radius:6px;height:22px;display:flex;overflow:hidden}.swatches span{flex:1}.colors{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.color-field{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.color-field input{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;flex:none;width:34px;height:28px;padding:1px}.notice{border:1px dashed var(--primary);background:var(--tint);color:var(--navy);border-radius:var(--radius);text-align:right;cursor:pointer;padding:10px;font-size:13px}.overlay{z-index:20;background:#1b365d66;justify-content:flex-start;display:flex;position:fixed;inset:0}.overlay.center{justify-content:center;align-items:center;padding:16px}.drawer{background:var(--surface);width:min(420px,100%);height:100%;padding:16px;overflow-y:auto;box-shadow:0 0 40px #0003}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-head h2,.modal h2{margin:0;font-size:18px}.empty{color:var(--muted)}.saved-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.saved-list li{border:1px solid var(--border);border-radius:var(--radius);gap:12px;padding:10px;display:flex}.saved-list li.current{border-color:var(--primary)}.saved-list img{object-fit:cover;background:var(--surface-2);border-radius:6px;flex:none;width:88px;height:110px}.saved-info{flex-direction:column;gap:2px;min-width:0;display:flex}.saved-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.muted{color:var(--muted);font-size:12px}.saved-info .row-actions{margin-top:auto}.modal{background:var(--surface);border-radius:14px;flex-direction:column;gap:12px;width:min(460px,100%);max-height:100%;padding:20px;display:flex;overflow-y:auto}.toast{background:var(--navy);color:#fff;z-index:30;border-radius:10px;padding:10px 18px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.stage-canvas{width:calc(min(100%, calc(max(100vh - 190px, 420px) * var(--design-ratio))) * var(--zoom,1));flex-shrink:0;margin:auto;line-height:0;display:block;position:relative}@media (max-width:900px){.stage-canvas{width:calc(100% * var(--zoom,1))}}.stage-zoom{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.stage-viewport{overscroll-behavior:contain;width:100%;max-height:calc(max(100vh - 190px,420px) + 28px);padding:14px;display:flex;overflow:auto}.stage-viewport.zoomed{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}@media (max-width:900px){.stage-viewport{max-height:75vh;padding:8px}}.zoom-bar{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:4px 6px;display:flex;box-shadow:0 2px 10px #1b365d14}.zoom-bar button{min-width:30px;height:30px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0 6px;font-size:18px;line-height:1;display:grid}.zoom-bar button:hover:not(:disabled){background:var(--tint)}.zoom-bar button:disabled{opacity:.35;cursor:default}.zoom-bar button.zoom-value{font-variant-numeric:tabular-nums;min-width:52px;font-size:13px;font-weight:700}.zoom-bar button.zoom-fit.active{color:var(--primary)}.zoom-bar input[type=range]{width:130px;accent-color:var(--primary)}@media (max-width:480px){.zoom-bar input[type=range]{width:80px}}.editor-overlay{-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;inset:0}.el-box{cursor:move;outline:1px dashed #0000;position:absolute}.editor-overlay:hover .el-box,.editor-overlay.outlines .el-box{outline-color:#1e78ff73}.el-box:hover{outline:1.5px solid #1e78ffcc!important}.el-box.selected{outline:2px solid #1e78ff!important}.el-box.selected .handle,.el-box.selected .el-name,.arrow-end{z-index:4}.el-name{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#1e78ffd9;border-radius:4px 4px 0 0;padding:3px 5px;font:700 10px/1 Alexandria,sans-serif;position:absolute;top:-17px;right:-1px}.editor-overlay.outlines .el-name,.el-box:hover .el-name,.el-box.selected .el-name{opacity:1}.editor-overlay.dragging .el-box:not(.selected) .el-name{opacity:0}.el-box.selected .el-name{background:#1e78ff}.handle{background:#fff;border:2px solid #1e78ff;border-radius:3px;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%)}.h-n{cursor:ns-resize;top:0;left:50%}.h-s{cursor:ns-resize;top:100%;left:50%}.h-e{cursor:ew-resize;top:50%;left:100%}.h-w{cursor:ew-resize;top:50%;left:0}.h-ne{cursor:nesw-resize;top:0;left:100%}.h-sw{cursor:nesw-resize;top:100%;left:0}.h-nw{cursor:nwse-resize;top:0;left:0}.h-se{cursor:nwse-resize;top:100%;left:100%}.arrow-el{pointer-events:none;position:absolute;inset:0}.arrow-el svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.arrow-el path{fill:none}.arrow-hit{stroke:#0000;pointer-events:stroke;cursor:move}.arrow-line{stroke:#0000;stroke-width:1.5px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.editor-overlay:hover .arrow-line,.editor-overlay.outlines .arrow-line{stroke:#1e78ff73}.arrow-el.selected .arrow-line{stroke:#1e78ff;stroke-width:2px}.arrow-end{pointer-events:auto;cursor:crosshair;background:#fff;border:2.5px solid #1e78ff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 1px 4px #0000004d}.arrow-end.linked{background:#22c55e;border-color:#fff}.link-target{pointer-events:none;z-index:3;background:#22c55e1f;border-radius:4px;outline:3px solid #22c55e;position:absolute}.el-box.locked{cursor:default}.el-box.locked.selected{outline-color:#f59e0b!important}.el-box.locked.selected .el-name{background:#f59e0b}.lock-btn{opacity:.35}.lock-btn.on,.el-list li:hover .lock-btn{opacity:1}.btn.locked{background:var(--tint);border-color:#f59e0b}.props-body{gap:inherit;border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.props-body:disabled{opacity:.5}.inline-editor{z-index:5;box-sizing:border-box;color:#111;resize:none;-webkit-user-select:text;user-select:text;background:#fffffff7;border:2px solid #1e78ff;border-radius:6px;outline:none;padding:2px 8px;font-family:Alexandria,sans-serif;font-weight:700;line-height:1.5;position:absolute;box-shadow:0 6px 24px #00000040}.guide{pointer-events:none;z-index:3;background:#ff2d87;position:absolute}.guide.v{width:1px;top:0;bottom:0}.guide.h{height:1px;left:0;right:0}.stage-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.sub-heading.first{border-top:0;margin-top:0;padding-top:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.chip button{cursor:pointer;background:0 0;border:0;padding:5px 12px;font-size:13px;font-weight:700}.chip button:hover{background:var(--tint-border)}.chip .chip-x{color:var(--danger);border-inline-start:1px solid var(--border);padding:5px 8px}.el-list{grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:0;list-style:none;display:grid}.el-list li{border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:2px 8px;display:flex}.el-list li.active{background:#eef5ff;border-color:#1e78ff}.el-list input{accent-color:var(--primary);flex:none;width:16px;height:16px}.el-list button{text-align:right;cursor:pointer;background:0 0;border:0;flex:1;padding:4px 0;font-size:13px;font-weight:600}.props{background:#fbfdff;border:2px solid #1e78ff;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.props-head{justify-content:space-between;align-items:center;display:flex}.grid-4{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.grid-4 .input{text-align:center;direction:ltr;padding:6px}.label-box{border-radius:var(--radius);background:var(--tint);flex-direction:column;gap:8px;padding:10px;display:flex}.link-btn{color:#1e78ff;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.notice.small{cursor:default;margin:0}@media (max-width:900px){.el-list{grid-template-columns:1fr}}.add-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.add-btn{border:1px dashed var(--primary);background:var(--tint);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-weight:700;display:flex}.add-btn:hover{background:var(--tint-border)}.add-btn span{font-size:16px;line-height:1}.icon-btn.tiny{width:22px;height:22px;font-size:14px}.decor-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.decor-card{border:2px solid var(--border);background:var(--surface);border-radius:var(--radius);cursor:pointer;color:var(--text);flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:12px;font-weight:700;display:flex}.decor-card.active{border-color:var(--primary);background:var(--tint)}.decor-icon{width:100%;height:34px;color:var(--primary);background:var(--surface-2);border-radius:6px}.stroke-box{border-radius:var(--radius);background:#f1f6ff;flex-direction:column;gap:8px;padding:10px;display:flex}.mini-title{font-size:13px}.widgets-panel{gap:12px}.panel-section{background:#e6edf2;border-radius:10px;overflow:hidden}.panel-section>summary{color:#44566c;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;list-style:none;display:flex}.panel-section>summary::-webkit-details-marker{display:none}.panel-section>summary .el-icon{transition:transform .2s}.panel-section:not([open])>summary .el-icon{transform:rotate(90deg)}.panel-section-body{flex-direction:column;gap:10px;padding:2px 10px 12px;display:flex}.widget-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.widget{background:#fff;border:1px solid #0000;border-radius:6px;transition:border-color .15s,box-shadow .15s;position:relative;box-shadow:0 1px 2px #0000000f}.widget:hover{border-color:var(--primary);box-shadow:0 3px 10px #00000014}.widget-main{cursor:pointer;color:#6b6f75;width:100%;min-height:92px;font:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 6px 10px;display:flex}.widget-main span{color:#4f535a;text-align:center;font-size:12px;line-height:1.35}.widget:hover .widget-main{color:var(--primary)}.widget.is-hidden .widget-main{opacity:.4}.widget-tools{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:4px;left:4px;right:4px}.widget-tools button{pointer-events:auto;color:#8b8f95;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;place-items:center;width:22px;height:22px;padding:0;transition:opacity .15s;display:grid}.widget:hover .widget-tools button,.widget-tools button.on{opacity:1}.widget-tools button:hover{color:var(--text);background:#edf2f6}.widget-tools button.on{color:#d97706}.widget-tools button.danger:hover{color:var(--danger)}.widget-tools button:nth-child(2){order:3}.widget-tools button.danger{order:2;margin-inline-end:auto}.widget.is-locked{border-color:var(--pale)}.panel-back{border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:4px 10px 4px 12px;font-size:13px;display:inline-flex}.panel-back:hover{color:var(--text);border-color:var(--primary)}.layers{background:#fff;border-radius:6px;max-height:380px;margin:0;padding:4px;list-style:none;overflow-y:auto}.layer-row{color:#4f535a;border-radius:5px;align-items:center;gap:2px;padding:2px 4px;display:flex;position:relative}.layer-row+.layer-row{border-top:1px solid #edf2f6}.layer-row:hover{background:#f2f6f9}.layer-row.active{background:var(--tint);box-shadow:inset 3px 0 0 var(--primary)}.layer-row.is-hidden .layer-name,.layer-row.dragging{opacity:.4}.layer-row.drop-above:before,.layer-row.drop-below:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;inset-inline:4px}.layer-row.drop-above:before{top:-1px}.layer-row.drop-below:after{bottom:-1px}.layer-grip{cursor:grab;color:#a9b8c6;letter-spacing:-3px;-webkit-user-select:none;user-select:none;padding:0 4px 0 2px;font-size:12px}.layer-name{min-width:0;font:inherit;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px 4px;font-size:13px;display:flex}.layer-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-name .el-icon{color:#8b8f95;flex:none}.layer-tool{color:#9fb0c0;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;width:26px;height:26px;padding:0;display:grid}.layer-tool:hover{color:var(--text);background:#e9eff4}.layer-tool.on{color:#6b6f75}.layer-tool.locked{color:#d97706}.layer-buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.app-alert{background:var(--tint);border-bottom:1px solid var(--tint-border);color:var(--navy);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:14px;display:flex}.app-alert.error{color:var(--danger);background:#fdecec;border-bottom-color:#f5cfcf}.plan-note{background:var(--tint);color:var(--navy);margin:0;padding:10px 20px;font-size:13px}.expiry{color:var(--navy);font-size:12px}.expiry.soon{color:var(--danger);font-weight:700}.theme-menu{position:relative}.theme-menu-btn{align-items:center;gap:8px;display:inline-flex}.theme-pop{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:420px;max-height:calc(100vh - 90px);padding:14px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 12px 32px #1b365d29}@media (max-width:700px){.theme-pop{width:auto;position:fixed;inset:70px 16px auto}}.jump-content{color:var(--primary);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;font-weight:700}.content-box{border:1px solid var(--tint-border);background:var(--tint);border-radius:10px;flex-direction:column;gap:12px;padding:12px;scroll-margin-top:8px;display:flex}.theme-menu-btn .swatches{width:44px;height:16px}.el-tools{z-index:5;cursor:default;display:none;position:absolute;left:0}.el-tools.end{left:auto;right:0}.el-tools.above{padding-bottom:4px;bottom:100%}.el-tools.high{padding-bottom:21px;bottom:100%}.el-tools.inside{top:4px;left:4px}.el-box:hover>.el-tools,.el-box.selected>.el-tools,.arrow-tools .el-tools{display:block}.editor-overlay.dragging .el-tools{display:none}.el-tools-bar{background:var(--navy);border-radius:6px;display:flex;overflow:hidden;box-shadow:0 2px 8px #1b365d59}.el-tools-bar button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:26px;padding:0;display:grid}.el-tools-bar button:hover{background:var(--primary)}.el-tools-bar button.move{cursor:move}.el-tools-bar button.danger:hover{background:var(--danger)}.arrow-tools{pointer-events:auto;z-index:5;position:absolute}.feature-item{flex-direction:column;gap:6px;display:flex}.icon-row{align-items:center;gap:8px;font-size:14px;display:flex}.icon-settings>div+div,.icon-settings .icon-row+.icon-grid-box{margin-top:6px}.icon-pick{border:1px solid var(--tint-border);width:36px;height:36px;color:var(--primary);cursor:pointer;background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-pick:hover,.icon-pick.open{border-color:var(--primary);background:var(--tint)}.icon-none{color:var(--muted,#6b7280);font-weight:700}.icon-grid-box{border:1px solid var(--tint-border);background:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:10px;display:flex}.icon-grid-extra{flex-wrap:wrap;gap:6px;display:flex}.icon-grid-extra .btn.active{border-color:var(--primary);background:var(--tint);color:var(--primary)}.icon-group-title{color:var(--muted,#6b7280);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px;display:grid}.icon-grid button{height:36px;color:var(--navy);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-grid button:hover{background:var(--tint)}.icon-grid button.active{border-color:var(--primary);background:var(--tint);color:var(--primary)}.chip.active{border-color:var(--primary);background:var(--tint)}.chip.active button:first-child{color:var(--primary)}.templates-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.modal.wide{width:min(760px,100%)}.btn.disabled{opacity:.5;pointer-events:none}.bulk-map{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;display:grid}.bulk-map legend{margin-bottom:6px;padding:0}.bulk-pick{align-items:center;gap:10px;margin-top:12px;display:flex}.bulk-pick .input{flex:1;min-width:0}.bulk-pick .field-hint{white-space:nowrap}.bulk-body{grid-template-columns:minmax(0,1fr) 170px;align-items:start;gap:12px;margin:12px 0;display:grid}.bulk-table-wrap{border:1px solid var(--border);border-radius:10px;max-height:260px;overflow:auto}.bulk-table{border-collapse:collapse;width:100%;font-size:13px}.bulk-table th{background:var(--surface);text-align:start;position:sticky;top:0}.bulk-table th,.bulk-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 9px}.bulk-table tbody tr{cursor:pointer}.bulk-table tr.active td{background:color-mix(in srgb, var(--primary,#005a9c) 14%, transparent)}.bulk-preview{border:1px solid var(--border);border-radius:8px;width:100%}@media (max-width:640px){.bulk-map{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-body{grid-template-columns:1fr}.bulk-preview{max-width:220px}}.side-rail{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:8px;display:flex;position:sticky;top:76px}.side-rail-btn{color:var(--text);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.side-rail-btn:is(a){text-decoration:none}.side-rail-btn.locked{color:var(--muted)}.side-rail-btn.locked svg{opacity:.5}.side-rail-btn .pro-badge{margin:0}.side-rail-btn:hover,.side-rail-btn.active{background:var(--tint);color:var(--primary)}@media (max-width:900px){.side-rail{flex-direction:row;order:-1;position:static}.side-rail-btn{flex-direction:row;gap:8px;padding:8px 12px;font-size:14px}}.action-btn{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex;position:relative}.action-dot{top:5px;background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:5px}.dialog-overlay{z-index:100}.modal.dialog{width:min(420px,100%);box-shadow:0 20px 60px #1b365d40}.dialog-message{color:var(--text);margin:0;line-height:1.7}.btn.danger-fill{background:var(--danger);border-color:var(--danger);color:#fff}html[data-header=brand] .topbar,html[data-header=dark] .topbar{background:var(--header-bg);color:var(--header-ink);border-bottom-color:#0000}html[data-header=brand] .topbar a.brand-name,html[data-header=dark] .topbar a.brand-name{color:var(--header-ink)}html[data-header=brand] .topbar .logo-dot,html[data-header=dark] .topbar .logo-dot{background:var(--header-ink)}html[data-header=brand] .topbar :is(.btn,.home-btn,.account-btn),html[data-header=dark] .topbar :is(.btn,.home-btn,.account-btn){color:var(--text)}.platform-logo{width:auto;height:34px;display:block}.brand-logo{object-fit:contain;border-radius:6px;width:auto;max-width:120px;height:34px}html[data-header=brand] .brand-logo,html[data-header=dark] .brand-logo{background:#fff;padding:3px}