.web-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 22px}.web-heading h1{margin:7px 0;font-size:30px}.web-heading p{color:var(--muted);margin:0}.web-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px!important;position:sticky;top:8px;z-index:6}.web-actions small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.web-feedback{font-size:13px;color:#9de2c4;min-height:20px;margin:12px 3px}.web-feedback.error{color:#ffb6b5}.web-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}.web-controls{padding:0!important;min-width:0;overflow:hidden}.web-tabs{display:flex;background:#0b1824;border-bottom:1px solid var(--border);padding:7px;gap:4px}.web-tabs button{flex:1;border:0;background:transparent;border-radius:6px;color:var(--muted);padding:12px 4px;font-size:12px}.web-tabs button[aria-selected=true]{background:#254357;color:#d4f0ff}.web-group{border-bottom:1px solid #26394c}.web-group>summary{padding:18px 17px;cursor:pointer;font-weight:650;font-size:13px}.web-group-body{display:grid;gap:16px;padding:0 17px 20px}.web-field{display:grid;gap:7px;font-size:12px;color:#cad9e7}.web-field input,.web-field select,.web-field textarea{width:100%;padding:10px 11px;background:#0d1a27;border:1px solid #334b60;border-radius:6px;color:var(--text);font:13px/1.5 inherit}.web-field textarea{resize:vertical}.web-help{font-size:11px!important;line-height:1.7;color:var(--muted);margin:0}.web-color{display:grid;grid-template-columns:1fr 40px 64px;align-items:center;gap:8px;font-size:12px}.web-color input{width:40px;height:32px;padding:2px;border:1px solid #334b60;border-radius:6px;background:#0d1a27}.web-color code{font-size:10px;color:#aebdcd}.web-palette{display:flex;gap:5px;flex-wrap:wrap}.web-check{display:flex;align-items:center;gap:9px;font-size:12px}.web-check input{width:17px;height:17px;accent-color:#58bedc}.web-reset{padding:16px;display:grid;gap:10px}.web-reset .text-button{font-size:11px;text-align:left}.web-image-thumb{width:100%;height:130px;object-fit:contain;background:#09121c;border:1px solid #26394c;border-radius:6px}.web-upload{display:grid;gap:9px;font-size:12px}.web-upload input{max-width:100%;font-size:11px;color:var(--muted)}.web-upload input::file-selector-button{border:1px solid #466078;border-radius:5px;padding:8px;background:#1d3347;color:#e4f3ff;cursor:pointer;margin-right:8px}.web-preview{padding:0!important;overflow:hidden;position:sticky;top:100px;min-width:0}.web-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;flex-wrap:wrap}.web-preview-toolbar strong{font-size:13px}.web-preview-toolbar small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.web-preview-toolbar select{max-width:140px;font-size:11px;background:#0d1a27;border:1px solid #334b60;border-radius:5px;color:var(--text);padding:6px}.web-preview-toolbar .page-actions{gap:6px}.web-preview-stage{padding:16px;background:repeating-linear-gradient(45deg,#0a1420,#0a1420 8px,#0e1b28 8px,#0e1b28 16px);display:flex;justify-content:center;overflow:auto}.web-preview iframe{display:block;width:100%;height:720px;border:0;background:#f3f0e8;flex-shrink:0;transition:width .2s;border-radius:5px}.web-preview iframe.mobile{width:390px;max-width:100%}.web-preview-note{padding:12px 16px}.web-order-row{display:flex;align-items:center;gap:7px;margin-bottom:10px}.web-order-row span{font-size:12px;flex:1}.web-block{margin:16px 0;border:1px solid #34495e;border-radius:7px}.web-block>summary{padding:12px;font-size:12px;cursor:pointer}.web-block .web-color{grid-template-columns:1fr 40px}.web-block .page-actions{gap:6px}.web-block .button{font-size:10px;padding:7px 8px}.web-controls #web-pane-images>p{padding:16px}.web-controls [role=tabpanel][hidden]{display:none!important}.web-preview [aria-pressed=true]{border-color:#70cee8;background:#22495c}.primary-nav{grid-template-columns:repeat(11,minmax(0,1fr));gap:8px}.primary-nav button{gap:8px;font-size:11px}.primary-nav .icon{width:20px}@media(min-width:1650px){.web-workspace{grid-template-columns:390px minmax(0,1fr)}.web-preview iframe{height:800px}}@media(max-width:1100px){.web-workspace{grid-template-columns:320px minmax(0,1fr)}.web-preview-toolbar .page-actions{width:100%}.web-preview-stage{padding:8px}.web-actions{position:relative;top:0}.web-preview{top:12px}.primary-nav{display:flex;overflow-x:auto}.primary-nav button{flex:0 0 130px}}@media(max-width:800px){.web-workspace{grid-template-columns:1fr}.web-preview{position:relative;top:0}.web-actions,.web-heading{align-items:flex-start;flex-direction:column}.web-actions .page-actions{width:100%;flex-wrap:wrap}.web-heading h1{font-size:25px}.web-preview iframe{height:600px}.web-controls{max-height:none}.web-tabs{position:sticky;top:0}}