@font-face{font-family:SamsungWorkspace;src:url('assets/samsung/workspace/domino-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SamsungWorkspace;src:url('assets/samsung/workspace/domino-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:SamsungWorkspace;src:url('assets/samsung/workspace/domino-bold.woff2') format('woff2');font-weight:700;font-display:swap}
.samsung-workspace{background:var(--bg);color:var(--text);position:relative}
.samsung-workspace__stage{padding:100px var(--gutter) 48px}
.samsung-workspace .samsung-story__copy{margin-bottom:24px}
.samsung-workspace .samsung-story__copy p,.samsung-workspace .samsung-story__credit{color:var(--muted)}
.samsung-workspace__visual{position:relative;width:100%;max-width:1440px;height:min(590px,58vw);margin:auto;overflow:hidden}
.samsung-workspace__canvas{position:absolute;width:1450px;height:900px;left:50%;top:50%;transform-origin:center;transform:translate(-50%,-50%) scale(.5);font-family:SamsungWorkspace,Arial,sans-serif;color:#f3f3f8;font-size:14px;line-height:1.3;pointer-events:none}
.samsung-workspace__canvas *{box-sizing:border-box}
.samsung-workspace__canvas p{margin:0}
.samsung-workspace__device{position:absolute;left:238px;top:116px;width:974px;height:747px;border:5px solid #bcb9cf;border-radius:22px;background:#111;box-shadow:0 18px 40px #00000012;overflow:hidden}
.sw-default-device{position:absolute;left:-5px;top:-5px;width:974px;height:747px;max-width:none}
.sw-default-frame{display:block;width:974px;height:747px;max-width:none}
.sw-default-wallpaper{position:absolute;left:21px;top:21px;width:932px;height:705px;max-width:none}
.sw-default-camera{position:absolute;left:718px;top:34px;width:22px;height:22px;border-radius:50%;background:#000}
.sw-preview{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;object-fit:contain;will-change:transform,opacity}
.sw-wallpaper{position:absolute;inset:16px 16px 10px;border-radius:13px;background:radial-gradient(ellipse at 20% 10%,#273c50,transparent 65%),radial-gradient(ellipse at 100% 90%,#293945,transparent 70%),#191d23}
.sw-screen{position:absolute;left:0;top:0;width:303.33px;height:692px;border-radius:13px;background:#000;overflow:hidden;transform-origin:0 0;container-type:inline-size;will-change:transform,width}
.sw-screen--control{transform:translate3d(261px,139px,0)}
.sw-screen--visitor{transform:translate3d(571.33px,139px,0);background:#1a1e23}
.sw-screen--ai{transform:translate3d(881.66px,139px,0)}
.sw-status{position:absolute;left:259px;top:137px;width:932px;height:42px;pointer-events:none}
.sw-status img{display:block;width:932px;height:42px;max-width:none}
.sw-camera{position:absolute;left:956px;top:150px;width:22px;height:22px;border-radius:50%;background:#000}
.sw-gesture{position:absolute;left:592px;top:842px;width:266px;height:3px;background:#62656b;border-radius:2px}
.sw-handle{height:58px;padding-top:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sw-handle i{display:block;width:34px;height:3px;background:#62656b;border-radius:2px}
.sw-icon{display:inline-block;flex:none;max-width:none;vertical-align:middle}
.sw-app-header{display:flex;align-items:center;gap:17px;height:34px;padding:0 7px;font-size:17px}
.sw-app-header b{font-weight:700;white-space:nowrap}
.sw-trailing{margin-left:auto}
.sw-control-content{padding:5px 16px 0}
.sw-room-tabs{display:flex;gap:34px;height:32px;margin-top:30px;overflow:hidden;white-space:nowrap;align-items:center;font-size:13px;color:#87878b}
.sw-room-tabs span:first-child{color:#f3f3f8;border-bottom:1px solid #f3f3f8;padding-bottom:5px;transform:translateY(3px)}
.sw-updated{height:38px;display:flex;justify-content:flex-end;align-items:center;gap:3px;color:#87878b;font-size:11px}
.sw-device-card{padding:15px;background:#1a1e23;border-radius:16px;margin:0 -8px 8px;height:211px}
.sw-device-identity{display:flex;align-items:center;gap:8px;height:34px;font-size:13px;font-weight:500}
.sw-device-identity small{display:block;font-size:11px;color:#87878b;font-weight:400}
.sw-device-identity .sw-round{margin-left:auto}
.sw-light-icon{position:relative;width:23px;height:27px;flex:none}
.sw-light-icon img{position:absolute;left:-12px;top:-16px}
.sw-round{width:31px;height:31px;flex:none;display:grid;place-items:center;background:#3a3a3d;border-radius:50%}
.sw-brightness{height:60px;margin-top:17px;padding:12px 13px;background:linear-gradient(90deg,#ffbd3e,#ffd17e 89.23%,#3a3a3d 89.23%);border-radius:11px;color:#fff;line-height:1.1}
.sw-brightness>span{display:block;font-size:11px;margin-bottom:1px}
.sw-brightness strong{font-size:19px}
.sw-brightness small{font-size:12px;font-weight:500}
.sw-rule{height:1px;background:#343437;margin:14px 0 23px}
.sw-modes{display:flex;gap:10px;font-size:11px;text-align:center}
.sw-modes span{flex:1;padding:6px 0;border-radius:14px;background:#3a3a3d;height:27px}
.sw-modes .is-selected{background:#387aff}
.sw-ac{padding-top:10px;height:206px}
.sw-temperature{display:flex;align-items:center;gap:10px;height:47px;margin-top:27px}
.sw-temperature>div{min-width:64px}
.sw-temperature>div:first-child{border-right:1px solid #454548}
.sw-temperature>div:nth-child(2){margin-right:auto}
.sw-temperature small{display:block;font-size:10px;color:#bcbcc0;margin-bottom:7px}
.sw-temperature b{font-size:18px;white-space:nowrap}
.sw-temperature sub{font-size:9px;font-weight:400;vertical-align:baseline}
.sw-ac .sw-rule{margin-top:17px}
.sw-visit-calendar{height:246px;background:#1a1e23;border-radius:0 0 16px 16px;padding:5px 18px 0}
.sw-visit-calendar>p{margin:38px 5px 0}
.sw-month{display:flex;justify-content:space-between;align-items:center;height:29px;margin:24px 5px 10px}
.sw-next{transform:rotate(180deg)}
.sw-dates{display:flex;justify-content:space-around;height:62px;margin:0 -5px}
.sw-dates>div{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;position:relative}
.sw-dates small{font-size:9px;color:#87878b;margin-bottom:17px}
.sw-dates span{font-size:13px;width:28px;height:28px;display:grid;place-items:center;color:#a8a8ad}
.sw-dates .is-selected{border-radius:50%;background:#387aff;color:#fff}
.sw-dates em{font-size:9px;color:#387aff;position:absolute;top:49px;font-style:normal}
.sw-collapse{text-align:center;color:#87878b;font-size:15px;line-height:10px;margin-top:8px}
.sw-visit-content{background:#010102;padding:18px 18px 0;min-height:400px}
.sw-visit-tabs{display:flex;justify-content:space-between;gap:10px;font-size:13px;height:27px;white-space:nowrap;color:#87878b}
.sw-visit-tabs span:first-child{color:#f3f3f8;border-bottom:1px solid #f3f3f8;height:21px}
.sw-visit-label{display:flex;align-items:center;gap:18px;margin-top:31px;height:25px;font-size:14px;white-space:nowrap}
.sw-visit-content em{font-style:normal;color:#ff6868}
.sw-visit-time{margin:28px 5px 31px;height:40px;display:flex;align-items:center;justify-content:space-between;text-align:center}
.sw-visit-time small{display:block;color:#87878b;font-size:10px;margin-bottom:5px}
.sw-visit-time span{display:block}
.sw-visit-content>.sw-rule{margin:0 -4px 13px;background:#303033}
.sw-visitor-name{display:flex;align-items:center;gap:15px;height:28px}
.sw-visitor-name i{margin-left:auto;background:#3a3a3d;width:17px;height:17px;border-radius:50%;display:grid;place-items:center}
.sw-field{display:flex;gap:10px;height:31px;margin-top:25px;font-size:14px;white-space:nowrap}
.sw-field>span:first-child{width:74px;flex:none}
.sw-field>span+span{flex:1;min-width:0;border-bottom:1px solid #87878b}
.sw-field:last-child{margin-top:20px}
.sw-field:last-child>span+span{border:0}
.sw-screen--ai{display:flex;flex-direction:column;border-radius:14px}
.sw-agent-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:10px 20px 21px;font-size:15px;line-height:20px;color:#eceef2}
.sw-agent-header{display:flex;align-items:center;gap:10px;height:28px;flex-shrink:0}
.sw-agent-header b{font-size:17px;flex:1;color:#f3f3f8}
.sw-agent-close{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#25282d}
.sw-agent-content .sw-room-context{font-size:12px;line-height:16px;color:#9ba3af;margin:10px 0}
.sw-conversation{display:flex;flex-direction:column;gap:16px}
.sw-sender{display:block;color:#939aa6;font-size:12px;line-height:16px;margin-bottom:4px}
.sw-user-message{align-self:flex-end;max-width:338px;background:#38383c;padding:10px 14px;border-radius:18px 18px 4px 18px}
.sw-proposal{background:#1c2025;border-radius:16px;padding:16px;margin-top:8px;font-size:14px;line-height:20px}
.sw-proposal>span{display:block;font-size:12px;line-height:16px;color:#a7b1c0;margin-bottom:8px}
.sw-proposal>div{display:flex;justify-content:space-between;gap:8px;margin-top:8px}
.sw-proposal b{font-weight:500;color:#ffd17b;white-space:nowrap}
.sw-proposal>div:nth-of-type(2) b{color:#94beff}
.sw-proposal .sw-apply{display:block;border-radius:18px;background:#3478f6;color:#fff;text-align:center;padding:8px;margin-top:16px}
.sw-composer{margin-top:auto;border:1px solid transparent;background:linear-gradient(#1a1c1f,#1a1c1f) padding-box,linear-gradient(100deg,#e3947c,#3678ff) border-box;border-radius:16px;padding:14px 16px;font-size:14px;line-height:20px}
.sw-composer>p{color:#9aa6b5}
.sw-composer>div{display:flex;align-items:center;gap:12px;margin-top:14px;height:20px}
.sw-composer>div>span{flex:1;white-space:nowrap}
.sw-composer>div>span img{margin-left:4px}
.sw-composer i{width:20px;height:20px;display:grid;place-items:center}
.sw-composer i img{transform:rotate(-90deg)}
@container(max-width:360px){
 .sw-extra-date{display:none!important}
 .sw-visit-tabs{font-size:12px;gap:8px}
 .sw-visit-content{padding-left:16px;padding-right:16px}
 .sw-field{font-size:12px;gap:8px}
 .sw-field>span:first-child{width:66px}
 .sw-agent-content{padding-left:16px;padding-right:16px;font-size:13px;line-height:18px}
 .sw-conversation{gap:12px}
 .sw-proposal{padding:14px;margin-top:4px;font-size:12px}
 .sw-composer{padding:12px;font-size:12px;line-height:18px}
 .sw-user-message{max-width:100%;padding:10px 12px}
 .sw-proposal>span{font-size:11px}
}
.samsung-workspace__controls{display:flex;justify-content:center;gap:8px;margin:20px auto 0}
.samsung-workspace__controls button{font:inherit;font-size:13px;line-height:1.2;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:12px 18px;min-height:44px;cursor:pointer}
.samsung-workspace__controls button span{margin-right:8px;opacity:.6;font-size:11px}
.samsung-workspace__controls button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}
.samsung-workspace__controls button:focus-visible{outline:2px solid #3478f6;outline-offset:4px}
.samsung-workspace .samsung-story__credit{margin-top:20px}
.samsung-workspace--scroll{height:340vh}
.samsung-workspace--scroll .samsung-workspace__stage{position:sticky;top:0;height:100vh;padding-top:90px;display:flex;flex-direction:column;justify-content:center}
.samsung-workspace--scroll .samsung-workspace__visual{flex:1;min-height:0;max-height:590px}
.samsung-workspace--scroll .samsung-story__copy{flex:none;margin-bottom:8px}
.samsung-workspace--scroll .samsung-workspace__controls{flex:none;margin-top:8px}
@media(max-width:820px){
 .samsung-workspace__stage{padding:72px var(--gutter) 32px}
 .samsung-workspace__visual{height:clamp(235px,65vw,500px)}
 .samsung-workspace__controls{gap:6px;width:100%;max-width:500px}
 .samsung-workspace__controls button{flex:1;min-width:0;font-size:11px;padding:10px 7px;border-radius:16px}
 .samsung-workspace__controls button span{display:none}
}
