.ix-studio{max-width:1200px;margin:64px auto;padding:24px;scroll-margin-top:100px;color:#edf4ed}.ix-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:25px}.ix-heading h2{font-size:clamp(28px,3.1vw,46px);line-height:1.15;margin:12px 0;font-style:normal}.ix-heading em{color:#f1cc3c;font-style:normal}.ix-heading>p{max-width:310px;color:#b3c5b8}.ix-kicker{font-size:11px;letter-spacing:2px;color:#e7cb5d;font-weight:700}.ix-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.ix-tabs button,.ix-hotspot-list button{background:#10271f;border:1px solid #b9d1bd26;color:#d9e5dc;border-radius:14px;text-align:left;padding:17px;cursor:pointer}.ix-tabs button span{color:#bdac67;margin-right:12px;font-size:12px}.ix-tabs button[aria-selected=true]{background:#e6c83a;color:#10241b;border-color:#f3d849;box-shadow:0 8px 28px #e6c83a19}.ix-tabs button[aria-selected=true] span{color:#34452c}.ix-panel{padding:24px;border:1px solid #b9d1bd30;border-radius:26px;background:linear-gradient(125deg,#1e392be6,#091e17ed);box-shadow:0 26px 70px #0003;backdrop-filter:blur(22px)}.ix-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}.ix-controls h3{font-size:27px;line-height:1.2;margin:12px 0}.ix-controls p{color:#b5c8bb;line-height:1.65}.ix-controls label{display:block;margin:13px 0;color:#e1eae3;font-size:14px}.ix-controls select{width:100%;background:#0a2018;border:1px solid #758d745e;border-radius:10px;color:#fff;padding:12px;margin-top:6px;font:inherit}.ix-check{display:flex!important;gap:10px;align-items:center}.ix-check input{accent-color:#f0d04a;width:19px;height:19px}.ix-primary{background:#f0ce3e;border:0;border-radius:12px;padding:16px 18px;color:#11261b;font-weight:750;cursor:pointer;width:100%;display:flex;justify-content:space-between;gap:10px;margin-top:18px}.ix-primary:hover{background:#ffe66c;transform:translateY(-2px)}.ix-small{font-size:12px!important}.ix-room{height:430px;background:linear-gradient(0deg,#0004,transparent 60%),var(--wall);border-radius:18px;position:relative;overflow:hidden;transition:background .45s;box-shadow:inset 0 0 80px #0005}.ix-room:after{content:'';position:absolute;bottom:0;height:17%;width:100%;background:linear-gradient(170deg,#423d32,#262922);border-top:3px solid #ffffff20}.ix-wall-light{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#ffedb732,transparent 70%)}.ix-tv{position:absolute;width:var(--tv-width);aspect-ratio:16/9;left:50%;top:20%;transform:translateX(-50%);background:radial-gradient(ellipse at 25% 80%,#2c8d7966,transparent 70%),linear-gradient(135deg,#142d40,#0a1019 65%,#c29b3844);border:6px solid #101416;box-shadow:0 18px 25px #0006,0 0 35px #f1dc7733;border-radius:6px;display:grid;place-items:center;transition:width .6s;z-index:2}.ix-tv>span{font-size:clamp(20px,3vw,43px);letter-spacing:8px;color:#efe6b4;text-align:center}.ix-screen-sub{display:block;font-size:8px;letter-spacing:2px;margin-top:6px}.ix-tv b{position:absolute;bottom:8px;right:10px;font-size:11px;color:#d0dacb}.ix-cables{position:absolute;left:49%;top:44%;height:32%;width:15px;border-left:3px solid #0a100d;border-right:2px solid #131916;transform:skew(-5deg);opacity:1;transition:opacity .4s}.ix-cables.is-hidden{opacity:0}.ix-cabinet{position:absolute;left:14%;width:72%;height:18%;bottom:17%;background:var(--cabinet);z-index:3;display:flex;box-shadow:0 15px 20px #0005;transition:background .4s;border-radius:3px}.ix-cabinet i{flex:1;border-right:1px solid #0003;margin:8px 0}.ix-cabinet i:after{content:'';display:block;margin:9px auto;width:16px;height:2px;background:#0006}.ix-room-note{position:absolute;bottom:13px;left:16px;z-index:4;font-size:10px;color:#efefdf}.ix-photo{position:relative;max-width:420px;margin:auto;width:100%;border-radius:18px;overflow:hidden}.ix-photo img{display:block;width:100%;height:470px;object-fit:cover}.ix-hotspot{position:absolute;transform:translate(-50%,-50%);border:2px solid #fff7;background:#efd145;color:#13251b;border-radius:50%;width:42px;height:42px;font-weight:800;cursor:pointer;box-shadow:0 0 0 8px #f2d44422;animation:ix-pulse 2.5s infinite}.ix-hotspot[aria-pressed=true]{background:white;box-shadow:0 0 0 10px #f2d44444}.ix-hotspot-list{display:grid;gap:8px;margin:20px 0}.ix-hotspot-list button[aria-pressed=true]{border-color:#e3c345;color:#f2d664}.ix-result{background:#071b1599;border:1px solid #edd34838;border-radius:14px;padding:18px;margin:16px 0}.ix-result h4{font-size:22px;margin:8px 0}.ix-result p{margin:0}.ix-device-art{height:410px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:radial-gradient(circle,#49795633,transparent 70%);overflow:hidden;border-radius:18px}.ix-device-screen{border:2px solid #d4cb8266;box-shadow:0 0 50px #becc4330,inset 0 0 55px #53714733;border-radius:24px;width:70%;height:235px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:76px;color:#e7d260;position:relative;transform:perspective(600px) rotateY(-10deg)}.ix-device-screen span{font-size:18px;color:#ecf4e7}.ix-scan-line{position:absolute;left:12%;right:12%;height:1px;background:#e9d76b;box-shadow:0 0 20px #efd557;animation:ix-scan 4s ease-in-out infinite}.ix-studio button:focus-visible,.ix-studio select:focus-visible,.ix-studio input:focus-visible{outline:3px solid #fff0a5;outline-offset:4px}@keyframes ix-pulse{50%{box-shadow:0 0 0 13px #f2d44408}}@keyframes ix-scan{0%,100%{top:22%;opacity:.3}50%{top:72%;opacity:.8}}.motion-paused .ix-hotspot,.motion-paused .ix-scan-line{animation:none}.motion-paused .ix-tv,.motion-paused .ix-cables{transition:none}@media(max-width:760px){.ix-studio{padding:16px;margin:35px auto}.ix-heading{display:block}.ix-heading>p{max-width:none}.ix-tabs{grid-template-columns:1fr}.ix-tabs button{padding:13px}.ix-panel{padding:16px}.ix-layout{grid-template-columns:1fr;gap:22px}.ix-room{height:330px}.ix-photo img{height:410px}.ix-device-art{height:250px}.ix-device-screen{height:165px}.ix-controls h3{font-size:24px}}@media(prefers-reduced-motion:reduce){.ix-studio *, .ix-studio *:before,.ix-studio *:after{animation:none!important;transition:none!important}}