:root{color-scheme:dark;--real-page: #141513;--real-panel: #1c1e1b;--real-raised: #262824;--real-line: #393d36;--real-ink: #f2f3ee;--real-muted: #b7bbb1;--real-accent: #def48f;--real-warning: #ffbca9;font-family:Inter,Noto Sans KR,system-ui,sans-serif}html,body,#root{width:100%;min-height:100%;height:auto;overflow:auto;margin:0}body{background:var(--real-page);color:var(--real-ink)}.real-shell,.real-shell *,.real-shell *:before,.real-shell *:after{box-sizing:border-box}.real-shell h1,.real-shell h2,.real-shell h3,.real-shell p,.real-shell figure{margin:0}.real-shell a{color:inherit;text-decoration:none}.real-shell button,.real-shell input{font:inherit}.real-shell :focus-visible{outline:2px solid var(--real-accent);outline-offset:3px}.real-shell button:disabled{opacity:.52;cursor:not-allowed}.real-header{border-bottom:1px solid var(--real-line);background:#181a17}.real-header-inner{display:grid;grid-template-columns:minmax(135px,1fr) auto minmax(135px,1fr);align-items:center;gap:24px;min-height:66px;max-width:1520px;margin:auto;padding:0 30px}.real-brand{justify-self:start;font-size:20px;font-weight:500;letter-spacing:-.035em;white-space:nowrap}.real-brand span{color:var(--real-accent);font-size:24px;margin-right:4px;vertical-align:-1px}.real-brand strong{font-weight:740}.real-nav,.real-header-actions,.real-control-group{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.real-header-actions{justify-self:end;justify-content:flex-end;white-space:nowrap}.real-nav a{padding:8px 12px;border:1px solid transparent;border-radius:8px;font-size:14px;color:var(--real-muted);white-space:nowrap}.real-nav a:hover{color:var(--real-ink);background:var(--real-raised)}.real-nav a[aria-current=page]{color:var(--real-accent);background:var(--real-raised);border-color:#404539}.real-button{display:inline-flex;gap:5px;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border:1px solid var(--real-line);border-radius:7px;background:var(--real-panel);color:var(--real-ink);font-size:13px;text-decoration:none;text-align:center;cursor:pointer}.real-button:hover:not(:disabled){background:var(--real-raised);border-color:#697065}.real-button[aria-pressed=true]{border-color:#829454;background:#353e26;color:var(--real-accent)}.real-shell .real-primary{background:var(--real-accent);color:#1a2111;border-color:var(--real-accent);font-weight:720}.real-primary:hover:not(:disabled){background:#e8ffa4;border-color:#e8ffa4}.real-main{max-width:1520px;margin:auto;padding:33px 30px 44px}.real-page-title{display:grid;gap:9px;margin-bottom:27px}.real-page-title h1{font-size:clamp(26px,4vw,38px);line-height:1.16;font-weight:730;letter-spacing:-.035em}.real-page-title p{color:var(--real-muted);font-size:14px}.real-workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:15px}.real-sidebar,.real-content{min-width:0;display:grid;gap:15px}.real-card{min-width:0;border:1px solid var(--real-line);border-radius:13px;background:var(--real-panel)}.real-upload,.real-examples,.real-directions{padding:15px}.real-upload h2,.real-examples h2,.real-directions h2{font-size:15px;font-weight:670}.real-upload form{display:grid;gap:11px;margin-top:12px}.real-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;border:0}.real-file:focus-visible+label{outline:2px solid var(--real-accent);outline-offset:3px}.real-dropzone{min-height:145px;display:grid;justify-items:center;align-content:center;gap:6px;padding:12px;border:1px dashed #666d5b;border-radius:9px;background:#232620;text-align:center;cursor:pointer}.real-dropzone:hover,.real-dropzone.is-dragging{background:#303727;border-color:var(--real-accent)}.real-dropzone strong{color:var(--real-ink);font-size:14px}.real-dropzone span{color:var(--real-muted);font-size:12px}.real-dropzone .real-upload-icon{display:grid;place-items:center;width:30px;height:30px;margin:0 0 3px;color:var(--real-accent);background:#353e29;border:1px solid #4a533c;border-radius:8px;font-size:20px}.real-dropzone img{width:100%;height:95px;object-fit:contain;background:#1a1c19;border-radius:4px}.real-filename{max-width:100%;overflow-wrap:anywhere}.real-clear{justify-self:start}.real-subtle{color:var(--real-muted);font-size:13px;line-height:1.52}.real-image-hint{font-size:12px}.real-submit{width:100%;min-height:39px}.real-upload>.real-submit{margin-top:11px}.real-progress{margin-top:12px;padding:10px;border:1px solid var(--real-line);border-radius:8px;background:var(--real-raised);font-size:13px}.real-progress>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.real-progress>div span{color:var(--real-accent);font-variant-numeric:tabular-nums}.real-progress progress{display:block;width:100%;margin-top:7px;height:8px;accent-color:var(--real-accent)}.real-progress p{margin-top:7px;color:var(--real-muted);font-size:12px}.real-error{color:var(--real-warning);font-size:13px;line-height:1.5}.real-upload>.real-error{margin-top:10px}.real-auth-note{margin-bottom:14px!important}.real-error a{text-decoration:underline}.real-examples ul{display:grid;gap:3px;list-style:none;margin:11px -5px -4px;padding:0}.real-examples li{margin:0;min-width:0}.real-examples a{display:flex;align-items:center;gap:10px;min-height:40px;padding:5px;border:1px solid transparent;border-radius:7px;font-size:13px}.real-examples a:hover,.real-examples a[aria-current]{background:var(--real-raised);border-color:var(--real-line)}.real-examples a[aria-current]{color:var(--real-accent)}.real-examples img{width:35px;height:35px;object-fit:cover;background:#44483e;border-radius:5px;flex:none}.real-preview{overflow:hidden}.real-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:11px 15px}.real-preview-heading h2{margin-top:2px;font-size:16px;font-weight:670}.real-eyebrow{display:block;color:var(--real-muted);font-size:11px}.real-viewer{position:relative;display:grid;place-items:center;min-height:260px;height:clamp(320px,59vh,690px);background:radial-gradient(ellipse at center,#bdbdb5,#858b81);color:#23251f;overflow:hidden}.real-viewer.is-building{background:linear-gradient(#96b3ca,#d8e0df 75%,#c4c5b9)}.real-preview.is-expanded .real-viewer{height:min(85vh,1050px)}.real-viewer .orbis-asset-model-viewer{min-height:0}.real-viewer :is(.real-reference,.real-poster){width:100%;height:100%;min-height:0;object-fit:contain}.real-poster{position:relative;display:grid;place-items:center;overflow:hidden;padding:18px}.real-poster img{max-width:82%;max-height:86%;height:100%;width:auto;object-fit:contain;border-radius:10px}.real-open-viewer{position:absolute;bottom:18px;min-height:40px;padding:8px 16px;background:#1a1d17;color:#fff}.real-orbit-icon{font-size:17px;color:var(--real-accent)}.real-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px}.real-controls .real-button{min-height:30px;font-size:12px}.real-directions .real-preview-heading{min-height:auto;padding:0 0 12px}.real-directions .real-control-group{margin-bottom:10px}.real-source{font-size:12px;color:var(--real-muted)!important;text-decoration:underline!important;text-align:end}.real-direction-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:8px}.real-direction-images figure{min-width:0;display:grid;gap:7px}.real-direction-images img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;background:#a5aaa0;border-radius:6px}.real-direction-images figcaption{font-size:12px;color:var(--real-muted)}.real-dialog{width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:18px;border:1px solid #52584b;border-radius:13px;background:var(--real-panel);color:var(--real-ink)}.real-dialog::backdrop{background:#0b0c09b3}.real-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.real-dialog h2{font-size:20px;letter-spacing:-.015em}.real-dialog h3{font-size:15px}.real-dialog>p{margin:10px 0;font-size:14px}.real-code{position:relative;padding:10px;overflow:hidden;border:1px solid var(--real-line);border-radius:7px;background:#111310}.real-code pre{margin:0;padding:5px 55px 5px 0;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.real-code button{position:absolute;top:5px;right:5px}.real-api-endpoints{display:grid;gap:7px;font-size:13px}.real-api-endpoints div{display:grid;grid-template-columns:85px 1fr;gap:6px;align-items:center}.real-api-endpoints dt{color:var(--real-muted)}.real-api-endpoints dd{margin:0;overflow-wrap:anywhere}.real-key-list{display:grid;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--real-line)}.real-key,.real-secret>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.real-key small{margin-left:8px;color:var(--real-muted)}.real-secret{display:grid;gap:5px;padding:8px;border-radius:7px;background:var(--real-raised);font-size:12px}.real-dialog input:not([type=checkbox]){min-width:0;width:100%;padding:7px 8px;border:1px solid var(--real-line);border-radius:6px;background:#111310;color:var(--real-ink)}.real-onboarding{max-width:440px}.real-onboarding form,.real-onboarding form label{display:grid;gap:7px}.real-onboarding form{margin-top:14px;gap:13px}.real-onboarding form .real-check{display:flex;align-items:center}.real-check a{text-decoration:underline}.real-legal{width:min(100%,820px);margin:auto;padding:24px 14px 50px}.real-legal article{margin-top:22px;padding:clamp(14px,4vw,36px);line-height:1.65}.real-legal article p{margin:9px 0;color:var(--real-muted)}.real-legal article section{margin-top:22px}.real-legal article h2{font-size:17px}@media (max-width: 800px){.real-header-inner{gap:8px;padding:10px 13px;grid-template-columns:1fr 1fr}.real-nav{grid-row:2;grid-column:1 / -1;justify-content:center}.real-main{padding:25px 13px 34px}.real-workspace{grid-template-columns:minmax(185px,220px) minmax(0,1fr);gap:10px}.real-sidebar,.real-content{gap:10px}.real-upload,.real-examples,.real-directions{padding:10px}.real-controls{flex-wrap:wrap}}@media (max-width: 560px){.real-nav{gap:2px;justify-content:space-between}.real-nav a{padding-inline:7px;font-size:12px}.real-header-actions{flex-wrap:nowrap}.real-workspace,.real-sidebar,.real-content{display:contents}.real-main{display:grid;gap:10px}.real-page-title{margin-bottom:3px}.real-upload{order:1}.real-preview{order:2}.real-examples{order:3}.real-directions{order:4}.real-dropzone{min-height:100px}.real-viewer{height:clamp(280px,51vh,520px)}.real-preview-heading{min-height:55px}.real-examples ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
