#scene canvas{position:absolute;inset:0;z-index:2}.css-screen-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.css-screen-layer>div{pointer-events:none}
.lad-desktop{width:1080px;height:608px;container-type:inline-size;overflow:hidden;background:#18384d;color:#eff4ee;font-family:'DM Sans',Arial,sans-serif;pointer-events:none!important;user-select:none;backface-visibility:hidden;background-image:radial-gradient(ellipse at 80% 12%,#507576 0,transparent 57%),linear-gradient(155deg,#214e61,#142c41);border:1px solid #8ca0a133}
.lad-desktop.active{pointer-events:auto!important;touch-action:manipulation}.lad-desktop [hidden]{display:none!important}.lad-desktop button:focus-visible{outline:3px solid #ed794f;outline-offset:-3px}.lad-desktop button:hover{filter:brightness(1.14)}
.os-menubar{height:38px;display:flex;align-items:center;gap:22px;padding:0 20px;background:#d8e4e51a;border-bottom:1px solid #eef5ed25;font-size:13px;letter-spacing:1px}.os-menubar strong{font-size:20px;letter-spacing:-1px}.os-menubar strong span{font-size:12px;letter-spacing:0;margin-left:7px;opacity:.65}.os-menubar time{margin-left:auto;font-size:15px;letter-spacing:1px}
.desktop-mark{position:absolute;right:7%;top:25%;display:flex;flex-direction:column;pointer-events:none}.desktop-mark>span{font-size:12px;letter-spacing:3px;opacity:.55}.desktop-mark strong{font-size:clamp(100px,18cqw,200px);letter-spacing:-.08em;line-height:1.25;color:#e3e8d8}.desktop-mark em{font:italic 30px Georgia,serif;color:#bed1c6}.desktop-icons{position:absolute;top:62px;left:22px;display:flex;flex-direction:column;gap:23px}.desktop-icons button{width:133px;padding:5px;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:15px;border-radius:8px}.desktop-icons button:hover{background:#ffffff16}.app-icon{display:grid;place-items:center;width:58px;height:54px;border-radius:10px;box-shadow:0 5px 14px #07182244;font-style:normal;font-size:36px}.icon-reel{background:#e26945;color:#fff5d9}.icon-work{background:#d8c9a5;color:#4c5142}.icon-about{background:#839994;color:#eff5e7}.desktop-note{position:absolute;bottom:79px;right:7%;font-size:14px;line-height:1.8;text-align:right;color:#bdd0ce}.desktop-note span{opacity:.65;font-size:13px}
.os-taskbar{position:absolute;bottom:0;left:0;right:0;height:48px;z-index:100000;display:flex;align-items:center;gap:12px;background:#152b3eef;border-top:1px solid #abc5d134;padding:5px 12px;backdrop-filter:blur(12px);font-size:13px}.os-taskbar button{height:36px;padding:0 14px;background:#b4c8cb10;border:1px solid #abc5d122;border-radius:5px}.os-taskbar button[aria-pressed=true]{background:#c9dedd2e;border-bottom-color:#e88758}.os-status{margin-left:auto;font-size:10px;letter-spacing:1px;color:#a4b9b8}.os-status i{display:inline-block;width:5px;height:5px;background:#c3dec6;border-radius:50%;margin-right:5px}[id="running-apps"],[data-source-id="running-apps"]{display:flex;gap:7px}
.os-window{position:absolute;top:64px;left:14%;width:80%;height:77%;border:1px solid #879a9e;border-radius:9px;background:#eeeede;color:#24363c;box-shadow:0 18px 55px #06182866;overflow:hidden;display:flex;flex-direction:column}.os-window.front{border-color:#ccd7ce}.os-window.maximized{left:5px!important;top:42px!important;width:calc(100% - 10px);height:calc(100% - 94px);border-radius:3px}.window-bar{height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-left:16px;background:#d2dddd;color:#3b5057;cursor:grab;touch-action:none;font-size:14px}.front .window-bar{background:#e8eee5;color:#21353c}.window-controls{display:flex;height:100%}.window-controls button{width:42px;font-size:23px;border-left:1px solid #839b9d22;padding:0}.window-controls button:hover{background:#bfcfd0}.window-controls button:last-child:hover{background:#d55f44;color:white}.window-content{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;touch-action:pan-y}.reel-content{background:#101b23;display:flex;flex-direction:column}.reel-content video{width:100%;min-height:0;flex:1;object-fit:contain;background:#040b10}.reel-caption{height:47px;flex-shrink:0;color:#a3babb;display:flex;align-items:center;justify-content:space-between;padding:5px 16px;font-size:11px;letter-spacing:1px}.reel-caption button{font-size:15px;color:#edecd9;padding:8px 20px;border:1px solid #56696e;border-radius:4px}#video-status{font-size:14px;padding:0 16px;color:#ffc4a4}
.os-work-grid{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.os-work-grid button{text-align:left;padding:0;color:#21363c}.os-work-grid img{width:100%;height:180px;object-fit:cover;border-radius:3px}.os-work-grid strong{display:block;font-size:19px;margin:12px 0 8px;font-weight:500}.os-work-grid small{font-size:9px;letter-spacing:.7px;color:#758081}.os-project{padding:20px 28px}.back-project,.project-play{font-size:12px;padding:9px 0;color:#425e64}.os-project img{display:block;width:100%;height:240px;object-fit:cover;margin-top:10px}.os-project h2{font-size:31px;letter-spacing:-1px;margin:20px 0 10px}.os-project p{font-size:17px;line-height:1.8;color:#607173;margin:0 0 12px}.os-about{padding:35px 45px;background:#e9eddf}.os-about>span{font-size:10px;letter-spacing:1px;color:#6e807d}.os-about h2{font-size:66px;line-height:1.04;letter-spacing:-3px;font-weight:500;margin:25px 0}.os-about h2 em{font-family:Georgia,serif;color:#9b644b}.os-about p{font-size:18px;line-height:1.7;color:#576b6c}.os-about footer{font-size:11px;letter-spacing:1px;border-top:1px solid #52686733;padding-top:20px;margin-top:24px}
#computer-exit{position:absolute;z-index:8;bottom:25px;left:50%;transform:translateX(-50%);background:#183644e8;border:1px solid #d3e7e052;border-radius:30px;padding:14px 23px;white-space:nowrap;font-size:13px;box-shadow:0 4px 20px #10202a20}#computer-exit span{opacity:.55;margin-left:12px;font-size:11px}#computer-exit[hidden]{display:none}.computer-view .intro,.computer-view .scene-footer,.computer-view .top-center{opacity:0;pointer-events:none}.computer-view .topbar{padding:17px 25px}.computer-view .wordmark{font-size:28px}.computer-view .wordmark sup{display:none}.computer-view .top-controls{display:none}.computer-view .scene-vignette{opacity:.25}.computer-view #scene{touch-action:auto}
@container (max-width:750px){.os-menubar{font-size:11px;height:32px}.desktop-icons{top:43px;gap:4px;left:10px}.desktop-icons button{width:125px;font-size:17px;gap:5px}.app-icon{width:47px;height:42px;font-size:30px}.desktop-mark{top:21%;right:7%}.desktop-mark>span{font-size:9px;letter-spacing:1px}.desktop-mark em{font-size:23px}.desktop-note{bottom:61px;font-size:12px}.desktop-note span{font-size:13px}.os-status{display:none}.os-taskbar{height:45px;font-size:15px;gap:7px}.os-taskbar button{padding:0 10px}.os-window{left:3%;top:38px;width:94%;height:76%}.os-window.maximized{top:34px!important;height:calc(100% - 83px)}.window-bar{font-size:17px;height:42px}.window-controls button{width:46px}.os-work-grid{padding:18px;gap:12px}.os-work-grid img{height:122px}.os-work-grid strong{font-size:18px}.os-work-grid small{font-size:10px}.reel-caption{height:40px;font-size:10px}.reel-caption button{font-size:18px;padding:4px 14px}.os-about{padding:22px 28px}.os-about h2{font-size:47px}.os-about p{font-size:21px}.os-about>span{font-size:12px}.os-project p{font-size:21px}.os-project img{height:170px}.os-project .back-project,.project-play{font-size:17px}}
body.computer-fallback .lad-desktop{position:fixed!important;transform:none!important;inset:15% 3% auto!important;width:94vw!important;height:53vw!important;z-index:20}body.computer-fallback #scene-error{display:none}
@container (max-width:750px){.os-window{height:calc(100% - 92px)}}
@container (max-width:540px){.desktop-mark{top:46px;left:30px;right:30px}.desktop-mark>span,.desktop-note{display:none}.desktop-mark strong{font-size:80px;line-height:.95}.desktop-mark em{font-size:20px;margin-top:8px}.desktop-icons{top:auto;bottom:49px;left:14px;right:14px;flex-direction:row;justify-content:space-around;gap:0}.desktop-icons button{width:135px;font-size:17px;gap:5px}.app-icon{width:43px;height:39px;font-size:28px}.os-work-grid{grid-template-columns:1fr;padding:16px}.os-work-grid button{display:grid;grid-template-columns:125px 1fr;column-gap:16px}.os-work-grid img{grid-row:1/3;height:88px}.os-work-grid strong{align-self:end;font-size:21px}.os-work-grid small{font-size:12px}.os-menubar>span{font-size:10px}.os-status,#show-desktop span{display:none}.os-taskbar{gap:4px;padding:4px 7px}.os-taskbar button{padding:0 8px;font-size:15px}.window-bar{padding-left:10px;font-size:17px}.window-controls button{width:42px}.reel-caption>span:first-child{display:none}.reel-caption button{font-size:19px}.reel-caption{font-size:14px}.os-about>span{font-size:13px;line-height:1.6}.os-about h2{font-size:43px}.os-about footer{font-size:14px;line-height:1.7}}
.reel-content video::-webkit-media-controls-fullscreen-button{display:none}
.app-icon{border:1px solid #ffffff36;background-image:linear-gradient(145deg,#ffffff25,#ffffff00 55%,#081a2222);box-shadow:inset 0 1px 1px #ffffff40,0 4px 7px #07182235,0 12px 18px #07182218;transition:transform .18s,box-shadow .18s}.app-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.desktop-icons button:hover .app-icon{transform:translateY(-3px);box-shadow:inset 0 1px 1px #ffffff40,0 10px 18px #07182255}.desktop-icons button:active .app-icon{transform:translateY(0) scale(.96)}.os-window{animation:window-appear .25s cubic-bezier(.2,.75,.25,1)}@keyframes window-appear{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}.os-window.dragging .window-bar{cursor:grabbing}.window-controls button{transition:background .15s}.os-work-grid button img{transition:filter .25s}.os-work-grid button:hover img{filter:brightness(1.12)}.os-work-grid button:hover strong{color:#b65b3d}.os-work-grid button:active{transform:translateY(1px)}.window-content{scrollbar-width:thin;scrollbar-color:#82978c55 transparent}.computer-view .top-center{visibility:hidden}.computer-view .wordmark span{font-size:9px}.computer-view .topbar{transition:padding .5s}.intro,.scene-footer{transition:opacity .3s}#computer-exit{transition:background .2s,box-shadow .2s}#computer-exit:hover{background:#234b5ce8;box-shadow:0 5px 25px #10202a40}
.os-window:focus{outline:none}
.display-connection{position:absolute;inset:0;z-index:100002;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#111b21f5;color:#eeeede;pointer-events:none}.display-connection[hidden]{display:none}.display-connection svg{width:60px;height:60px;fill:none;stroke:#b6cbbb;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.display-connection strong{font-size:28px;font-weight:400;letter-spacing:-.5px}.display-connection>span{font-size:14px;letter-spacing:2px;color:#adb7b4}.display-connection-track{width:230px;height:2px;background:#ffffff20;margin-top:12px;overflow:hidden}.display-connection-track i{display:block;width:100%;height:100%;background:#c3d6c3;transform:scaleX(.08);transform-origin:left;animation:display-connect 1.6s ease-out forwards}.display-connection[data-state=connected] .display-connection-track i{animation:none;transform:scaleX(1)}@keyframes display-connect{to{transform:scaleX(.95)}}
.os-photo-notification{position:absolute;right:20px;bottom:64px;z-index:100001;display:flex;flex-direction:column;gap:7px;max-width:calc(100% - 40px);padding:16px 22px;text-align:left;border:1px solid #abc5d166;border-radius:9px;background:#18384df2;box-shadow:0 8px 24px #06182855;color:#eff4ee;font-size:17px}.os-photo-notification span{font-size:13px;color:#bdd0ce}
@media(prefers-reduced-motion:reduce){.os-window,.app-icon{animation:none!important;transition:none!important}}
@container (max-width:540px){.desktop-mark strong{font-size:70px;line-height:.9}.desktop-mark em{font-size:18px;margin-top:6px}}
@container (min-width:751px){.desktop-mark{top:20%}}
/* The two CSS3D surfaces share a logical desktop and keep independent transforms. */
.lad-desktop{position:relative;box-sizing:border-box}.lad-desktop *{box-sizing:border-box}.lad-desktop button{font:inherit;color:inherit;cursor:pointer}.lad-desktop .desktop-icons{top:57px;bottom:60px;left:20px;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:4px}.lad-desktop .desktop-icons button{width:142px;padding:4px;flex-direction:row;gap:12px;text-align:left;font-size:13px}.lad-desktop .app-icon{flex-shrink:0;width:47px;height:43px;border-radius:9px}.icon-factory{background:#c78a5d;color:#fff4da}.icon-photos{background:#8ba99c;color:#fff9e7}.icon-tv{background:#707ea0;color:#f2f3ff}.icon-about{background:#839994}.icon-work{background:#d8c9a5}.icon-reel{background:#e26945}.lad-desktop .os-window{left:17%;width:79%;height:77%}.lad-desktop .os-window.maximized{width:calc(100% - 10px)!important;height:calc(100% - 94px)!important}.lad-desktop .os-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;gap:18px}.lad-desktop .os-work-grid button{display:block}.lad-desktop .os-work-grid img{height:155px;object-fit:contain;background:#d5dcd0}.lad-desktop .os-work-grid strong{font-size:17px;line-height:1.4;margin:9px 0 5px}.os-work-grid p{font-size:12px;line-height:1.6;margin:0 0 6px;color:#586a68}.lad-desktop .os-work-grid small{font-size:10px;line-height:1.5}.work-categories{display:flex;flex-wrap:wrap;gap:6px;padding:14px 16px 0}.work-categories button{border:1px solid #85998b55;padding:7px 12px;border-radius:20px;font-size:12px}.work-categories button[aria-pressed=true]{background:#284e4b;color:#f4f3e6}.work-status{padding:0 16px;font-size:14px}.work-status:empty{display:none}.project-navigation,.image-navigation{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:12px;padding:0 0 12px}.project-navigation button,.image-navigation button{padding:7px 10px;background:#d4dfd1;border-radius:4px}.project-navigation button:first-child{margin-right:auto}.lad-desktop .os-project{padding:16px 22px}.project-media{width:100%;max-height:330px;display:flex;justify-content:center;background:#0b171b;overflow:hidden}.project-media img,.project-media video{width:100%;height:100%;max-height:330px;object-fit:contain;display:block!important;margin:0!important}.project-media [hidden]{display:none!important}.lad-desktop .os-project h2{font-size:25px;margin:16px 0 6px}.lad-desktop .os-project p{font-size:15px;line-height:1.65;margin-bottom:10px}.lad-desktop .os-project>span{font-size:11px;color:#59726b}.image-navigation{padding-top:10px}.media-controls{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#10232b;color:#e9eddf;flex-shrink:0;font-size:11px}.media-controls button{white-space:nowrap;min-width:68px;padding:6px 7px;border:1px solid #b1c3bc55;border-radius:4px}.media-controls input{flex:1;min-width:35px;accent-color:#dfa173;cursor:pointer}.media-controls [data-media-time]{white-space:nowrap;font-variant-numeric:tabular-nums}.lad-desktop .reel-caption{height:34px}.lad-desktop .reel-content video{flex:1;min-height:0;object-fit:contain}.lad-desktop .os-about{padding:30px 36px}.lad-desktop .os-about h2{font-size:40px;letter-spacing:-1.5px;line-height:1.2;margin:20px 0}.lad-desktop .os-about h3{font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-top:22px;color:#849184}.lad-desktop .os-about p{font-size:17px;line-height:1.8}.lad-desktop .os-factory h2{font-size:32px;max-width:540px}.factory-enter{padding:13px 20px;background:#284e4b!important;color:#fff8e8!important;border-radius:5px;margin-top:12px}.photos-content{padding:20px}.photos-content #photo-grid,.photos-content [data-source-id="photo-grid"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photos-content figure{margin:0}.photos-content img{width:100%;height:auto;display:block;border-radius:4px}.photos-content figcaption{font-size:12px;padding-top:6px}.os-taskbar .os-tv-status{margin-left:auto;white-space:nowrap;font-size:11px;color:#b5c7bb}.os-tv-status[aria-pressed=true]{color:#dcf2c8}.os-tv-status span{font-size:10px;margin-left:5px}[data-resize]{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 60%,#4b716b66 61%,transparent 66%,transparent 76%,#4b716b66 77%,transparent 82%)}.maximized [data-resize]{display:none}.os-cursor{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff6bf;box-shadow:0 0 0 1px #102d3b99;z-index:100004;pointer-events:none;transform:translate(-50%,-50%)}.tv-mirror-surface{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#071319}.tv-mirror-surface .lad-desktop{flex-shrink:0}.lad-desktop .display-connection{font-size:20px}
.project-media{margin-inline:auto}.os-taskbar .os-tv-status{padding:7px 4px}
.project-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.project-links a{color:#285d54;text-decoration:underline;font-size:13px;text-underline-offset:3px}
/* TV mirror: the monitor video is repainted into a canvas with the same box as the video. */
#computer-mirror .reel-content canvas.mirror-video{position:static;inset:auto;z-index:auto;height:auto;width:100%;max-width:100%;min-width:0;min-height:0;flex:1;object-fit:contain;background:#040b10;display:block}
#computer-mirror .project-media canvas.mirror-video{position:static;inset:auto;z-index:auto;width:100%;max-width:100%;min-width:0;flex:1 1 100%;height:100%;max-height:330px;object-fit:contain;display:block!important;margin:0!important;background:#040b10}
#computer-mirror canvas.mirror-video[hidden]{display:none!important}

/* The desktop note is decoration under the windows (like .desktop-mark). Without this it won hit-testing over
   the Works grid: taps on the lower-right reel cards (mouse and touch) landed on the note and did nothing. */
.desktop-note{pointer-events:none}

/* Touch devices: the computer opens flat and full-screen (scene.js setFlatDesktop) between the top bar and the
   "← 작업실로 돌아가기" button; the desktop's own container queries lay it out for the narrow width. */
#flat-desktop{position:fixed;left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));top:calc(64px + env(safe-area-inset-top));bottom:calc(86px + env(safe-area-inset-bottom));z-index:30;border-radius:12px;overflow:hidden;box-shadow:0 22px 60px #000c,0 0 0 1px #8ca0a155}
#flat-desktop[hidden]{display:none}
#flat-desktop .lad-desktop{position:relative!important;transform:none!important;inset:auto!important;width:100%!important;height:100%!important;border-radius:12px}
/* Flat touch desktop: every window fills the desktop (no tiny offset windows), works in two columns. */
body.touch-desktop .os-window{left:6px!important;top:40px!important;width:calc(100% - 12px)!important;height:calc(100% - 94px)!important;border-radius:8px}
body.touch-desktop .os-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* ── Touch desktop = iPad-style (대표 10-09 "아이패드처럼 정렬") ───────────────────────────────────────────
   Home: the studio mark is a widget at the top, apps sit in a 3-column grid of rounded icons with labels
   underneath, nothing overlaps. Apps open full-screen with one big "‹ 홈" control. No hover states, window
   dragging or resizing on touch (iOS can spend the first tap on hover). Videos use the native player. */
body.touch-desktop .desktop-note,body.touch-desktop .os-taskbar,body.touch-desktop [data-resize]{display:none!important}
body.touch-desktop .desktop-mark{position:absolute;top:58px!important;left:22px!important;right:22px!important;bottom:auto;align-items:flex-start;text-align:left}
body.touch-desktop .desktop-mark>span{font-size:10px;letter-spacing:2px}
body.touch-desktop .desktop-mark strong{font-size:64px;line-height:1.05}
body.touch-desktop .desktop-mark em{font-size:17px}
body.touch-desktop .desktop-icons{position:absolute;top:auto!important;bottom:28px!important;left:10px!important;right:10px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 6px!important;justify-items:center}
body.touch-desktop .desktop-icons button{width:100%!important;max-width:110px;padding:6px 0!important;display:flex;flex-direction:column;align-items:center;gap:8px!important;font-size:13px!important;line-height:1.2;text-align:center;background:none!important;border-radius:14px;-webkit-tap-highlight-color:transparent}
body.touch-desktop .desktop-icons button:active .app-icon{transform:scale(.92)!important}
body.touch-desktop .desktop-icons .app-icon{width:64px!important;height:64px!important;border-radius:16px!important;font-size:32px!important;transform:none!important;transition:transform .12s}
body.touch-desktop .desktop-icons button:hover{background:none!important}
body.touch-desktop .os-window{left:0!important;top:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.touch-desktop .window-bar{position:relative;height:54px!important;padding:0 12px!important;justify-content:center;cursor:default;touch-action:manipulation;font-size:17px;font-weight:600}
body.touch-desktop .window-controls{position:absolute;left:6px;top:0;bottom:0;display:flex;align-items:center}
body.touch-desktop .window-controls [data-minimize],body.touch-desktop .window-controls [data-maximize]{display:none!important}
body.touch-desktop [data-window-close]{width:auto!important;height:42px!important;padding:0 12px!important;font-size:0!important;background:transparent!important;border-radius:10px}
body.touch-desktop [data-window-close]::before{content:'‹ 홈';font-size:17px;font-weight:600;color:#c4553a}
body.touch-desktop [data-window-close]:active{background:#0000000f!important}
body.touch-desktop .media-controls{display:none!important}
body.touch-desktop .lad-desktop button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
body.touch-desktop .desktop-icons{grid-template-rows:none!important;grid-auto-rows:auto;align-content:end;height:auto}
body.touch-desktop .lad-desktop button:focus,body.touch-desktop .lad-desktop button:focus-visible{outline:none!important;box-shadow:none!important;border-color:transparent!important}

/* LAS Factory 창: 왼쪽 세로 소개 릴스 + 오른쪽 설명·공정 목록(01~09) */
.lad-desktop .os-factory{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:22px;padding:18px 22px;overflow:auto}
.os-factory .factory-stage{display:flex;flex-direction:column;min-height:0;background:#10232b;border-radius:8px;overflow:hidden}
.os-factory .factory-player{position:relative;flex:1;min-height:0;display:flex;justify-content:center;background:#0b171b}
.os-factory .factory-player video{height:100%;max-height:100%;width:auto;aspect-ratio:9/16;object-fit:contain;display:block;background:#0b171b}
.os-factory .factory-now{position:absolute;left:10px;top:10px;font-size:11px;letter-spacing:1px;background:#662a36;color:#f7f4ee;padding:5px 10px;border-radius:99px}
.os-factory .factory-now:empty{display:none}
.os-factory .factory-side{display:flex;flex-direction:column;min-width:0}
.os-factory .factory-kicker{font-size:11px;letter-spacing:2px;color:#849184}
.lad-desktop .os-factory h2{font-size:26px;letter-spacing:-1px;line-height:1.25;margin:10px 0 8px;max-width:none}
.lad-desktop .os-factory p{font-size:14px;line-height:1.7;margin:0 0 12px}
.os-factory .factory-reels{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.os-factory .factory-reels button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #85998b55;border-radius:6px;font-size:12px;text-align:left;background:#fffaf0}
.os-factory .factory-reels b{font-variant-numeric:tabular-nums;color:#662a36}
.os-factory .factory-reels button[aria-pressed=true]{background:#662a36;color:#f7f4ee;border-color:#662a36}
.os-factory .factory-reels button[aria-pressed=true] b{color:#f3d48f}
.os-factory .factory-enter{align-self:flex-start;margin-top:auto}
body.touch-desktop .os-factory{display:block!important;padding:12px 14px 24px;overflow:auto}
body.touch-desktop .os-factory .factory-stage{margin-bottom:16px;overflow:visible}
body.touch-desktop .os-factory .factory-player{flex:none;height:min(60vh,520px)}
body.touch-desktop .os-factory .factory-reels{grid-template-columns:repeat(3,minmax(0,1fr))}

/* 전체 탭 섹션 제목(10-12) */
.os-work-grid .os-work-group{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;margin:18px 0 0;padding-bottom:9px;border-bottom:1px solid rgba(33,54,60,.18);font-size:16px;font-weight:600;letter-spacing:.4px;color:#21363c}.os-work-grid .os-work-group:first-child{margin-top:0}.os-work-grid .os-work-group small{font-size:11px;letter-spacing:.7px;color:#758081}