*{margin:0;padding:0;box-sizing:border-box}:root{--cv-bg-app: #eef2f6;--cv-bg-surface: #ffffff;--cv-bg-subtle: #f6f8fb;--cv-bg-hover: #eef3f9;--cv-text: #1f2a3a;--cv-text-muted: #5f6d83;--cv-border: #d7dee8;--cv-border-strong: #bcc7d7;--cv-primary: #00bbd4;--cv-primary-soft: #e4fbff;--cv-primary-dark: #0097ab;--cv-primary-deep: #007f91;--cv-shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--cv-shadow-md: 0 6px 20px rgba(15, 23, 42, .08)}body{font-family:Inter,Oxygen,Segoe UI,sans-serif;background:var(--cv-bg-app);color:var(--cv-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.playground{height:100vh;display:grid;grid-template-columns:370px minmax(0,1fr);overflow:hidden}.sidebar{height:100vh;position:sticky;top:0;background:var(--cv-bg-surface);border-right:1px solid var(--cv-border);color:var(--cv-text);overflow:hidden}.sidebar-shell{display:flex;height:100%}.sidebar-rail{width:74px;min-width:74px;background:var(--cv-bg-subtle);border-right:1px solid var(--cv-border);display:flex;flex-direction:column}.rail-tab{position:relative;border:none;background:transparent;min-height:74px;border-bottom:1px solid var(--cv-border);color:#75839a;font-size:.7rem;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.34rem;transition:none}.rail-tab>*{pointer-events:none}.rail-tab span,.rail-tab .rail-icon{color:inherit}.rail-tab:before{content:"";position:absolute;left:5px;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--cv-primary);opacity:0;transform:scaleY(.4);transition:none}.rail-tab:hover{background:var(--cv-bg-hover);color:#4f5d73}.rail-tab:hover span,.rail-tab:hover .rail-icon{color:inherit}.rail-tab.is-active{background:var(--cv-primary-soft);color:var(--cv-primary);font-weight:700}.rail-tab.is-active:hover{background:var(--cv-primary-soft);color:var(--cv-primary)}.rail-tab.is-active:before{opacity:1;transform:scaleY(1)}.rail-icon{line-height:1;display:inline-flex;transition:none}.rail-icon svg{display:block;overflow:visible}.sidebar-workspace{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-topbar{height:10px;display:flex;align-items:center;justify-content:center}.sidebar-progress{width:108px;height:3px;border-radius:3px;background:var(--cv-primary)}.sidebar-scroll{flex:1;overflow-y:auto;padding:14px;scroll-behavior:smooth}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#c4c9d2;border-radius:10px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#a8adb8}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#c4c9d2 transparent}.scan-card{background:var(--cv-bg-surface);border:1px solid var(--cv-border);border-radius:8px;padding:14px;margin-bottom:10px;box-shadow:var(--cv-shadow-sm)}.scan-card label{display:block;font-size:.7rem;color:var(--cv-text-muted);font-weight:700;margin-bottom:.24rem}.scan-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-bottom:.52rem}.scan-btn{border:1px solid var(--cv-primary);background:linear-gradient(135deg,var(--cv-primary),var(--cv-primary-dark));color:#fff;border-radius:6px;padding:.42rem .62rem;font-size:.68rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.scan-btn:hover{background:linear-gradient(135deg,var(--cv-primary-dark),var(--cv-primary-deep));border-color:var(--cv-primary-dark);color:#fff;box-shadow:0 6px 16px #00bbd447}.scan-btn:active{transform:translateY(0);box-shadow:none}.config-panel{display:none}.config-panel.is-active{display:block;animation:fadeSlideIn .18s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.config-card{margin-bottom:10px;border:1px solid var(--cv-border);border-radius:8px;background:var(--cv-bg-surface);overflow:hidden;box-shadow:var(--cv-shadow-sm);transition:box-shadow .2s ease}.config-card:hover{box-shadow:var(--cv-shadow-md)}.config-card summary{list-style:none;cursor:pointer;padding:12px 14px;font-size:.78rem;font-weight:700;color:var(--cv-text);display:flex;align-items:center;justify-content:space-between;transition:background .15s ease;-webkit-user-select:none;user-select:none}.config-card summary:hover{background:var(--cv-bg-subtle)}.config-card summary:after{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2350596c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.config-card[open] summary:after{transform:rotate(180deg)}.config-card summary::-webkit-details-marker{display:none}.card-body{border-top:1px solid #e7ecf3;padding:14px}.field{margin-bottom:.54rem}.field label{display:block;font-size:.71rem;color:#4d5c74;font-weight:600;margin-bottom:.26rem;letter-spacing:.005em}.field input,.field textarea,.field select,.scan-card input,.scan-card textarea{width:100%;padding:.46rem .62rem;border-radius:6px;border:1px solid var(--cv-border);background:var(--cv-bg-subtle);color:#2a3447;font-size:.72rem;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field input:hover,.field textarea:hover,.field select:hover,.scan-card input:hover,.scan-card textarea:hover{border-color:var(--cv-border-strong)}.field input:focus,.field textarea:focus,.field select:focus,.scan-card input:focus,.scan-card textarea:focus{border-color:var(--cv-primary);background:var(--cv-bg-surface);box-shadow:0 0 0 3px #00bbd42e}.field textarea,.scan-card textarea{resize:vertical;min-height:88px}.config-panel[data-config-panel=content] textarea.content-textarea[data-autosize=true]{overflow-y:hidden}.config-panel[data-config-panel=content] textarea.content-textarea-short[data-autosize=true]{min-height:44px}.config-panel[data-config-panel=content] textarea.content-textarea-long[data-autosize=true]{min-height:120px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a94' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.row{display:grid;grid-template-columns:1fr 1fr;gap:.48rem}.row .field label{min-height:2.1em;line-height:1.2;display:flex;align-items:flex-end}#general-site-storage-row .field,#general-site-storage-row .field label,#general-site-storage-row .field input{margin-top:0}.toggle-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:.6rem;row-gap:.1rem;margin-bottom:.44rem}.toggle-field[hidden]{display:none!important}.toggle-field label{font-size:.71rem;color:#4d5c74;font-weight:600;line-height:1.3;min-width:0;text-wrap:balance;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:.35rem;width:100%}.toggle-field label .field-help{justify-self:end;align-self:start;margin-top:.02rem}.toggle-field .switch{justify-self:end;flex-shrink:0;margin-top:1px}.toggle-field.is-disabled label{opacity:.55}.field-help{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;border:none;border-radius:0;background:transparent;color:#6a7484;cursor:help;-webkit-user-select:none;user-select:none;transition:color .15s ease;flex-shrink:0}.field-help:hover{color:#4f5b6c}.field-help-icon{width:.72rem;height:.72rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tooltip-popup{position:fixed;max-width:280px;padding:9px 13px;border-radius:8px;background:#1f2937;color:#e5ebf5;font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;line-height:1.5;letter-spacing:.01em;white-space:normal;box-shadow:0 8px 24px #0000004d;pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .15s ease,transform .15s ease;z-index:99999}.tooltip-popup.is-visible{opacity:1;transform:translateY(0)}.switch{position:relative;width:2.25rem;height:1.24rem;border-radius:999px;border:none;background:#c2cad6;cursor:pointer;transition:background .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #0000001a}.switch:hover{filter:brightness(.98)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:.98rem;height:.98rem;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .25s cubic-bezier(.4,0,.2,1)}.switch.on{background:var(--cv-primary)}.switch.on:after{transform:translate(1rem)}.switch:disabled,.switch.is-disabled{opacity:.45;cursor:not-allowed}.switch:disabled:hover,.switch.is-disabled:hover{transform:none}.field.is-disabled label{opacity:.55}.field input:disabled,.field select:disabled,.field textarea:disabled{opacity:.65;cursor:not-allowed;background:#e8edf3}.locale-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .55rem;margin-top:.35rem}#cfg-enabled-locales{margin-top:.54rem;margin-bottom:.52rem}#enabled-languages-field{margin-top:.54rem}.locale-choice{display:flex;align-items:center;gap:.45rem;font-size:.7rem;color:#4d5c74;font-weight:600}.locale-choice input[type=checkbox]{appearance:none;box-sizing:border-box;width:13px;min-width:13px;height:13px;padding:0;margin:0;flex:0 0 13px;border:1.5px solid #a7b3c5;border-radius:3px;background:#fff;display:inline-grid;place-content:center;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.locale-choice input[type=checkbox]:before{content:"";width:8px;height:8px;transform:scale(0);transition:transform .12s ease-in-out;clip-path:polygon(14% 44%,0 59%,43% 100%,100% 20%,84% 7%,41% 71%);background:#fff}.locale-choice input[type=checkbox]:checked{border-color:var(--cv-primary);background:var(--cv-primary)}.locale-choice input[type=checkbox]:checked:before{transform:scale(1)}.locale-choice input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #00bbd42e}.radio-row{display:flex;align-items:center;gap:.46rem;margin-bottom:.46rem;font-size:.72rem;color:#3f4d64;font-weight:600}.radio-row input[type=radio]{appearance:none;width:1rem;height:1rem;border:1.5px solid #a7b3c5;border-radius:50%;background:#fff;display:inline-grid;place-content:center;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.radio-row input[type=radio]:before{content:"";width:.5rem;height:.5rem;border-radius:50%;transform:scale(0);transition:transform .12s ease-in-out;background:var(--cv-primary)}.radio-row input[type=radio]:checked{border-color:var(--cv-primary);background:#fff}.radio-row input[type=radio]:checked:before{transform:scale(1)}.radio-row input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 3px #00bbd42e}.radio-row.disabled{opacity:.55}.crown{margin-left:.2rem;color:#f5b24e;font-size:.62rem}.position-grid{margin-top:.42rem;display:grid;grid-template-columns:1fr 1fr;gap:.2rem .55rem}#layout-position-grid{margin-top:1.3rem;margin-bottom:.6rem}.layout-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.layout-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.layout-visual-grid.layout-visual-grid--banner{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-visual{border:none;background:transparent;cursor:pointer;text-align:left;color:#5f6d83;font-size:.7rem;font-weight:700;transition:color .15s ease}.layout-visual span{display:block;margin-bottom:6px}.layout-visual img{width:62px;height:39.24px;border-radius:5px;opacity:.78;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--cv-shadow-sm)}.layout-visual:hover img{opacity:.96;box-shadow:var(--cv-shadow-md)}.layout-visual.is-active{color:var(--cv-primary)}.layout-visual.is-active img{opacity:1;outline:2px solid var(--cv-primary);outline-offset:2px;border-radius:5px}.layout-visual.is-disabled{opacity:.45;cursor:not-allowed}.layout-visual.is-disabled img{opacity:.45;outline:none}.layout-visual.is-disabled:hover img{transform:none;box-shadow:0 1px 4px #00000014}.layout-chip{border:1px solid #d5dbe4;border-radius:6px;background:#f2f4f7;color:#596378;font-size:.68rem;font-weight:700;padding:.45rem .3rem;cursor:pointer;transition:all .15s ease}.layout-chip.is-active{border-color:#a9b8cf;color:#2b3852;background:#e8edf4}.layout-preview-row{margin:.5rem 0 .7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.layout-preview{height:34px;border-radius:5px;background:#d8e0ec;position:relative}.layout-preview:after{content:"";position:absolute;left:8px;bottom:8px;width:18px;height:8px;border-radius:2px;background:var(--cv-primary)}.layout-preview.is-wide:after{width:78%}.layout-preview.is-muted:after{background:#a8a8a8}.layout-preview.is-side:before{content:"";position:absolute;top:0;left:0;width:16px;height:100%;background:var(--cv-primary)}.layout-preview.is-bottom:after{width:80%;background:#a8a8a8}.mode-list{display:grid;gap:.5rem}.mode-item{border:1px solid #d2d8e2;border-radius:6px;background:#fff;color:#3b4252;font-size:.75rem;font-weight:700;padding:.52rem .65rem;display:flex;align-items:center;gap:.55rem;cursor:pointer;transition:all .2s ease;position:relative}.mode-item:hover{border-color:#b7c2d3;background:#f8faff}.mode-item.is-active{border-color:#8ea4c8;background:#f1f5fc}.theme-icon{width:16px;height:16px;flex-shrink:0}.mode-name{flex:1;text-align:left}.mode-check{display:none;position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--cv-primary)}.mode-check:after{content:"";position:absolute;width:6px;height:3px;top:5px;left:4px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg)}.mode-item.is-active .mode-check{display:block}.color-field{display:flex;align-items:center;gap:.4rem}.color-field input[type=color]{width:1.9rem;min-width:1.9rem;height:1.9rem;border:2px solid #dde2e9;border-radius:6px;background:transparent;padding:1px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:1px}.color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.color-field input[type=color]:hover{border-color:#a0afc6;box-shadow:0 0 0 2px #00bbd429}.cat-card{background:var(--cv-bg-subtle);border:1px solid #dfe5ee;border-radius:7px;padding:.54rem;margin-bottom:.48rem;transition:box-shadow .15s ease}.cat-card:hover{box-shadow:0 1px 5px #0000000d}.cat-card.locked{opacity:.82}.cat-header{margin-bottom:.35rem}.cat-header strong{font-size:.68rem;color:#2f3d54}.cat-grid{display:grid;gap:.32rem}.add-btn{width:100%;border:1px dashed #b8c3d4;background:#f7f9fc;color:#3f5f93;border-radius:6px;padding:.46rem;font-size:.66rem;font-weight:700;cursor:pointer;transition:all .15s ease}.add-btn:hover{background:#eef3fc;border-color:#8ea4c8;color:#2d4d80}.muted-line{font-size:.66rem;color:#687894;line-height:1.45;margin:.32rem 0}.muted-line code{font-family:Cascadia Code,monospace;font-size:.64rem}.legal-card-body{display:grid;gap:.85rem}.legal-block{display:grid;gap:.42rem}.legal-block h4{margin:0;font-size:.73rem;font-weight:700;color:#2f3d54}.legal-list{margin:0;padding-left:1.05rem;color:#4a5972;font-size:.67rem;line-height:1.45;display:grid;gap:.3rem}.legal-copy-content{display:grid;gap:.52rem}.legal-copy-content p{margin:0;color:#4a5972;font-size:.66rem;line-height:1.46}.btn{padding:.5rem .92rem;border-radius:7px;border:1px solid var(--cv-border-strong);background:var(--cv-bg-surface);color:#2f3d54;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:hover{border-color:var(--cv-primary);color:var(--cv-primary);box-shadow:var(--cv-shadow-sm)}.btn:active{transform:translateY(0);box-shadow:none}.btn.primary{background:linear-gradient(135deg,var(--cv-primary),var(--cv-primary-dark));border-color:var(--cv-primary);color:#fff}.btn.primary:hover{background:linear-gradient(135deg,var(--cv-primary-dark),var(--cv-primary-deep));color:#fff;box-shadow:0 6px 16px #00bbd44d}.btn.danger{border-color:#ef4444;color:#ef4444}.btn.danger:hover{background:#ef4444;color:#fff}.btn.outline-accent{border-color:var(--cv-primary);color:var(--cv-primary)}.btn.tiny{padding:.43rem .62rem;font-size:.68rem}.preview-panel{padding:1.25rem;background:var(--cv-bg-app);display:flex;flex-direction:column;gap:1.1rem;height:100vh;overflow:hidden}.toolbar{display:flex;align-items:center;gap:.45rem;flex-wrap:nowrap}.toolbar-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-left:auto}.preview-panel .btn{border:1px solid var(--cv-border);background:var(--cv-bg-surface);color:#3f4f67}.preview-panel .btn:hover{background:var(--cv-bg-hover);border-color:var(--cv-border-strong);color:#2d384e;box-shadow:var(--cv-shadow-sm)}.preview-panel .btn:active{transform:translateY(0);box-shadow:none}.preview-panel .btn.primary{background:linear-gradient(135deg,var(--cv-primary),var(--cv-primary-dark));border-color:var(--cv-primary);color:#fff}.preview-panel .btn.primary:hover{background:linear-gradient(135deg,var(--cv-primary-dark),var(--cv-primary-deep));border-color:var(--cv-primary-dark);color:#fff;box-shadow:0 6px 16px #00bbd447}@media(max-width:1180px){.toolbar{flex-wrap:wrap}.toolbar-actions{margin-left:0;width:100%}}.spacer{flex:1}.panel-card{background:var(--cv-bg-surface);border:1px solid var(--cv-border);border-radius:10px;padding:.94rem;overflow:hidden;box-shadow:var(--cv-shadow-md);display:flex;flex-direction:column;min-height:0;flex:1}.panel-card h3{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#62728e;margin-bottom:.56rem;display:flex;align-items:center;gap:.4rem}.panel-card h3:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 4px #22c55e66}.panel-card pre{font-size:.78rem;color:#8cc0ff;font-family:Cascadia Code,SF Mono,monospace;white-space:pre-wrap;word-break:break-all}.preview-viewport{width:100%;max-width:100%;margin:0 auto;transition:max-width .42s cubic-bezier(.22,1,.36,1),margin .42s cubic-bezier(.22,1,.36,1);will-change:max-width;flex:1;min-height:0;transform-origin:top center}.preview-viewport.is-phone{max-width:min(390px,100%)}#preview-frame{width:100%;height:100%;border:1px solid var(--cv-border);border-radius:8px;background:#fff;box-shadow:var(--cv-shadow-sm);transition:transform .42s ease,opacity .42s ease;transform-origin:top center}.preview-viewport.is-tablet{max-width:min(840px,100%)}.preview-viewport.is-switching #preview-frame{opacity:.99}.sidebar-bottom-controls{position:sticky;bottom:0;z-index:6;background:var(--cv-bg-subtle);border-top:1px solid var(--cv-border)}.sidebar-ui-language{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--cv-border)}.sidebar-ui-language label{font-size:.68rem;font-weight:700;color:var(--cv-text-muted);letter-spacing:.01em}.sidebar-ui-language select{min-width:76px;border:1px solid var(--cv-border);border-radius:6px;background:var(--cv-bg-surface);color:var(--cv-text);font-size:.72rem;font-weight:700;padding:.34rem 1.6rem .34rem .55rem;appearance:none;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a94' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .2s ease,box-shadow .2s ease}.sidebar-ui-language select:focus-visible{border-color:var(--cv-primary);box-shadow:0 0 0 3px #00bbd42e}.sidebar-device-switch{display:flex;align-items:center;justify-content:center;background:transparent}.preview-device-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:56px;padding:0;margin:0;border:0;background:transparent;color:#5f6d83;cursor:pointer;transition:color .2s ease,background-color .2s ease}.preview-device-btn:hover{color:#2f3c53;background:var(--cv-bg-hover)}.preview-device-btn.is-active{color:var(--cv-primary);background:var(--cv-primary-soft)}.preview-device-btn svg{display:block}.dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:.92rem}.gcm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.38rem}.gcm-item{background:#0b111a;border-radius:5px;padding:.33rem .56rem;display:flex;justify-content:space-between}.gcm-item .key{font-size:.7rem;color:#7987a4;font-family:monospace}.gcm-item .val{font-size:.7rem;font-weight:700}.gcm-item .val.granted{color:#22c55e}.gcm-item .val.denied{color:#ef4444}.event-log{max-height:10rem;overflow-y:auto;color:#8f99ae;font-size:.72rem}.tabs{display:flex;border-bottom:1px solid #1f2734;margin-bottom:.66rem}.tab{border:none;border-bottom:2px solid transparent;background:transparent;color:#7887a4;font-size:.72rem;font-weight:700;padding:.39rem .7rem;cursor:pointer;transition:color .15s ease,border-color .15s ease}.tab.active{color:var(--cv-primary);border-bottom-color:var(--cv-primary)}.copy-btn{position:absolute;top:.43rem;right:.43rem;padding:.25rem .5rem;border-radius:5px;border:1px solid #2e394d;background:#161e2b;color:#98a7c4;font-size:.65rem;cursor:pointer;transition:all .15s ease}.copy-btn:hover{border-color:var(--cv-primary);color:var(--cv-primary)}.code-block{position:relative}.visually-hidden{display:none}@media(max-width:1140px){.playground{height:auto;min-height:100vh;overflow:visible;grid-template-columns:1fr}.sidebar{position:static;height:auto}.preview-panel{height:auto;overflow:visible}.panel-card{min-height:0;flex:initial}#preview-frame{min-height:720px}.sidebar-shell{min-height:70vh}}@media(max-width:860px){.sidebar-shell{flex-direction:column}.sidebar-rail{width:100%;min-width:100%;flex-direction:row;overflow-x:auto}.rail-tab{min-width:88px;border-bottom:none;border-right:1px solid #dfe3e8}.rail-tab:before{inset:auto 12px 0;width:auto;height:3px;border-radius:3px 3px 0 0}.row,.position-grid,.layout-selector,.layout-visual-grid,.layout-preview-row,.scan-row,.dl-grid{grid-template-columns:1fr}}