@font-face{font-family:PreviewSans;src:url('fonts/Pretendard-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:PreviewSans;src:url('fonts/Pretendard-Black.woff2') format('woff2');font-weight:800 900;font-display:swap}
@font-face{font-family:PreviewDisplay;src:url('fonts/outfit-900.woff2') format('woff2');font-weight:900;font-display:swap}
:root{color-scheme:dark;--preview-bg:#080b0f;--preview-text:#f5f6f7;--preview-muted:#b1b6bd;--preview-line:#30363e;--preview-active:#7fe9ed;font-family:PreviewSans,system-ui,sans-serif;background:var(--preview-bg);color:var(--preview-text)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit;font-size:14px;color:inherit;background:transparent;border:1px solid var(--preview-line);border-radius:2px;padding:10px 16px;cursor:pointer}button:hover,select:hover{border-color:#77818b}button[aria-pressed=true]{color:var(--preview-active);border-color:var(--preview-active)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--preview-active);outline-offset:4px}[hidden]{display:none!important}svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;top:-100px;left:16px;z-index:50;padding:12px;background:#15212a}.skip-link:focus{top:10px}.preview-header{height:64px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--preview-line)}.preview-brand{font-family:PreviewDisplay,PreviewSans,sans-serif;font-size:30px;font-weight:900;letter-spacing:-.025em}.back-link{display:flex;gap:5px;align-items:center;color:var(--preview-muted);font-size:14px}.preview-shell{width:94%;max-width:1800px;margin:0 auto;padding:23px 0 44px}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.preview-heading h1{font-size:30px;line-height:1.25;margin:0;font-weight:900}.preview-heading>span{font-size:14px;color:var(--preview-muted)}.mode-bar{display:flex;justify-content:flex-end;margin:0 0 10px}.mode-bar button{min-width:166px}.mode-bar button+button{margin-left:-1px}.viewport-shell{position:relative;width:100%;height:clamp(360px,53vh,760px);min-height:0;overflow:hidden;border:1px solid var(--preview-line);border-radius:3px;background:#06080b;isolation:isolate}.render-image{display:block;width:100%;height:100%;object-fit:contain}.three-viewport{position:absolute;inset:0;touch-action:none}.three-viewport canvas{display:block;width:100%;height:100%;outline:none}.load-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:rgba(8,11,15,.9);color:#f5f6f7;padding:24px;text-align:center;z-index:5}.load-state progress{width:min(260px,70%);height:3px;accent-color:var(--preview-active)}.load-state.error progress{display:none}.viewer-help{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);max-width:90%;padding:7px 12px;font-size:13px;line-height:1.4;color:#e4eaed;background:rgba(3,6,10,.7);text-align:center;pointer-events:none}.scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0 10px;border-bottom:1px solid var(--preview-line)}.scene-identity{display:flex;align-items:center;gap:15px}.scene-identity h2{font-size:23px;line-height:1.25;margin:0;font-weight:900}.scene-identity>span{font-size:14px;color:var(--preview-muted);padding-left:15px;border-left:1px solid var(--preview-line)}.view-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.view-actions button{padding:9px 15px}.view-actions .icon-button{padding:7px 10px;display:grid;place-items:center}.preview-note{min-height:45px;display:flex;justify-content:space-between;align-items:center;gap:15px}.preview-note p{margin:10px 0;font-size:13px;line-height:1.65;color:var(--preview-muted)}#media-control{display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}#media-control select{padding:5px 8px;max-width:150px}.scene-library{position:relative;margin-top:7px}.library-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.library-heading h2{font-size:17px;margin:0}.library-heading span{font-size:13px;color:var(--preview-muted)}.scene-rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#414a53 transparent;padding:0 0 9px}.scene-card{flex:0 0 calc((100% - 64px)/5);text-align:left;border:0;padding:0;scroll-snap-align:start;color:var(--preview-text)!important}.scene-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border:1px solid var(--preview-line);border-radius:3px;background:#11161b}.scene-card[aria-pressed=true] img{border:2px solid var(--preview-active)}.scene-card span{display:block;font-size:16px;line-height:1.4;margin-top:8px}.rail-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:7px}.rail-actions button{padding:5px 11px}.scene-select-label{display:flex;align-items:center;gap:12px;position:absolute;bottom:0;left:0;font-size:14px;color:var(--preview-muted)}.scene-select-label select{width:250px;padding:6px 10px;background:#080b0f;color:var(--preview-text)}.viewport-shell:fullscreen,.viewport-shell.is-expanded{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.viewport-shell:fullscreen .render-image{object-fit:contain}.fullscreen-exit{position:absolute;top:16px;right:16px;z-index:10;background:#080b0f}
.scene-card img{height:auto}
@media(min-width:1800px){.viewport-shell{height:65vh;max-height:900px}}
@media(max-width:1000px){.scene-toolbar{align-items:flex-start;flex-direction:column}.scene-card{flex-basis:calc((100% - 32px)/3)}.viewport-shell{height:52vh}.preview-note{align-items:flex-start;flex-direction:column;gap:0}.view-actions{flex-wrap:wrap}}
@media(max-width:600px){.preview-header{height:58px;padding:0 20px}.preview-brand{font-size:25px}.back-link{font-size:12px}.preview-shell{width:auto;margin:0 18px;padding-top:20px}.preview-heading h1{font-size:26px}.preview-heading>span{font-size:12px}.mode-bar{margin-top:17px}.mode-bar button{min-width:0;width:50%;font-size:15px}.viewport-shell{height:50vh;min-height:300px;max-height:510px}.scene-identity{align-items:flex-start;flex-direction:column;gap:5px}.scene-identity h2{font-size:23px}.scene-identity>span{padding:0;border:0}.view-actions{gap:6px;width:100%}.view-actions button{font-size:13px;padding:9px 11px}.view-actions .icon-button{margin-left:auto}.scene-card{flex-basis:65%;}.scene-card span{font-size:15px}.preview-note p{font-size:12px}.scene-select-label{position:static;margin-top:12px}.scene-select-label select{flex:1;min-width:0}.viewer-help{font-size:12px;min-width:240px}.rail-actions{margin-top:10px}.scene-library{margin-top:12px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:color .16s,border-color .16s}.scene-rail{scroll-behavior:smooth}}