.responsive-preview-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(74,119,82,.16),transparent 42%),linear-gradient(135deg,#111816,#050807);color:#eaf8dc;font-family:Cinzel,Georgia,serif}.responsive-preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:34px;box-sizing:border-box;background-image:linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.018) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.018) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.018) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.responsive-preview-frame-space{position:relative;flex:0 0 auto}.responsive-preview-frame{position:absolute;top:0;left:0;overflow:hidden;background:#020503;border:0;outline:2px solid rgba(194,234,130,.72);border-radius:5px;box-shadow:0 0 0 1px #000000e6,0 22px 64px #000000b8,0 0 38px #7ec8501f;transform-origin:0 0}.responsive-preview-frame iframe{display:block;width:100%;height:100%;border:0;background:#020503}.responsive-preview-dimensions{position:absolute;left:50%;bottom:-25px;z-index:2;transform:translate(-50%);padding:3px 9px;border:1px solid rgba(160,205,106,.38);border-radius:999px;background:#050b07e0;color:#cceaa2;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;white-space:nowrap;pointer-events:none}.responsive-preview-panel{position:fixed;z-index:9500;width:min(338px,calc(100vw - 24px));overflow:hidden;border:1px solid rgba(175,222,111,.54);border-radius:12px;background:#08120bf5;box-shadow:0 18px 48px #000000b8,0 0 30px #62a8411f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none}.responsive-preview-panel.is-collapsed{width:238px}.responsive-preview-panel-header{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 8px 0 13px;border-bottom:1px solid rgba(175,222,111,.2);background:linear-gradient(180deg,#37592fb8,#1326169e);cursor:grab;touch-action:none}.responsive-preview-panel-header:active{cursor:grabbing}.responsive-preview-grip{color:#ceeba4a8;font:700 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-2px}.responsive-preview-heading{min-width:0;flex:1}.responsive-preview-heading strong,.responsive-preview-heading span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-preview-heading strong{color:#e9f8cf;font-size:12px;letter-spacing:.08em}.responsive-preview-heading span{margin-top:2px;color:#a9cd7c;font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.responsive-preview-icon-button,.responsive-preview-button{border:1px solid rgba(174,221,107,.42);background:linear-gradient(180deg,#37582be0,#162b19f0);color:#e4f5c7;font-family:inherit;font-weight:800;cursor:pointer}.responsive-preview-icon-button:hover,.responsive-preview-icon-button:focus-visible,.responsive-preview-button:hover,.responsive-preview-button:focus-visible{border-color:#cdf292db;background:linear-gradient(180deg,#4a7537f5,#1f3a20fa);outline:none}.responsive-preview-icon-button{width:30px;height:30px;flex:0 0 auto;border-radius:7px;font-size:15px;line-height:1}.responsive-preview-panel-body{display:grid;gap:12px;padding:13px}.responsive-preview-control-group{display:grid;gap:7px}.responsive-preview-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#cde7a7;font-size:11px;font-weight:800;letter-spacing:.05em}.responsive-preview-label output{color:#f1f8df;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0}.responsive-preview-select,.responsive-preview-number{box-sizing:border-box;width:100%;height:34px;border:1px solid rgba(157,199,101,.36);border-radius:7px;background:#101a12;color:#eef8dd;font:700 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.responsive-preview-select{padding:0 9px}.responsive-preview-number{width:82px;padding:0 8px;text-align:right}.responsive-preview-select:focus,.responsive-preview-number:focus{border-color:#a9dd6c;outline:2px solid rgba(158,211,96,.16)}.responsive-preview-range-row{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:10px;align-items:center}.responsive-preview-range{width:100%;accent-color:#9edb62;cursor:pointer}.responsive-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.responsive-preview-button{min-height:34px;padding:6px 10px;border-radius:7px;font-size:11px;letter-spacing:.035em}.responsive-preview-fit{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 9px;border:1px solid rgba(157,199,101,.28);border-radius:7px;color:#d6edb4;background:#162617b8;font-size:11px;font-weight:800;cursor:pointer}.responsive-preview-fit input{accent-color:#9edb62}.responsive-preview-note{margin:0;color:#91af74;font:600 10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}@media (max-width: 560px){.responsive-preview-canvas{padding:16px}}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/play/assets/cinzel-latin-500-normal-B-2dbOfA.woff2) format("woff2"),url(/play/assets/cinzel-latin-500-normal-DMNTwV-V.woff) format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/play/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2) format("woff2"),url(/play/assets/cinzel-latin-600-normal-CH_LB4su.woff) format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/play/assets/cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(/play/assets/cinzel-latin-700-normal-C-gK7hA8.woff) format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(/play/assets/cinzel-latin-900-normal-BI3z7Tow.woff2) format("woff2"),url(/play/assets/cinzel-latin-900-normal-t_fSDEbn.woff) format("woff")}