:root{--oc-topbar-h:52px;--oc-bottombar-h:36px;--oc-fs-ui:13px;--oc-fs-meta:12px;--oc-fs-micro:11px}:root[data-theme=light]{--surface-0:var(--oc-color-bg-canvas)}:root[data-theme=dark]{--surface-0:var(--oc-color-bg-canvas)}body{font-feature-settings:"ss06" 0;text-rendering:optimizeLegibility}:root{--oc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'/%3E");--oc-search-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a93a3' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E")}#app :where(.global-search-trigger,#btnSharedBrowser,#btnAiSettings,.collaboration-trigger,#btnActivity,.topbar-overflow-trigger,.topbar-overflow-menu .tbtn,.workspace-panel-toggle,#zoomOut,#zoomIn,#zoomFit):before{content:"";flex:none;width:16px;height:16px;background:currentColor;opacity:1;-webkit-mask:var(--oc-i) center / contain no-repeat;mask:var(--oc-i) center / contain no-repeat}#topbar #btnSharedBrowser.live-web:before,#topbar #btnAiSettings.ai-connect-top-trigger:before,#topbar #btnActivity:before{content:"";font-size:0}#topbar{padding-right:12px;gap:4px;z-index:49}#app{grid-template-rows:var(--oc-topbar-h) minmax(0,1fr) var(--oc-bottombar-h)}#stage{isolation:isolate;min-height:0}#left,#leftPanel,#right{min-height:0}#topbar,#left,#right,#bottombar{background:var(--oc-color-bg-layer-default);border-color:var(--oc-color-stroke-neutral-muted)}body[data-experience-shell="1"] #topbar{padding-left:250px}#experienceNav{gap:10px;padding-left:16px;max-width:246px;z-index:50}#experienceNav .experience-brand{gap:9px;font-size:15px;font-weight:var(--oc-font-weight-bold);letter-spacing:-.02em;padding-right:2px}#topbar .logo{font-size:15px;font-weight:var(--oc-font-weight-bold);letter-spacing:-.02em}#experienceAccessBadge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;height:22px;padding:0 8px 0 7px;border:0;border-radius:var(--oc-radius-full);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-neutral-weak);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-bold);letter-spacing:0}#experienceAccessBadge:before{width:6px;height:6px}#topbar .doc-title{width:clamp(150px,20vw,280px);min-width:120px;height:34px;padding:0 10px;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold);letter-spacing:-.01em}#topbar .doc-title:hover{border-color:transparent;background:var(--oc-color-bg-neutral-weak)}#topbar .doc-title:focus{border-color:var(--oc-color-stroke-brand-solid);background:var(--oc-color-bg-layer-default);box-shadow:var(--oc-shadow-focus-ring)}#topbar .save-status{height:24px;padding:0 8px;gap:6px;border-radius:var(--oc-radius-full);background:none;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-medium);white-space:nowrap}#topbar .save-status:before{width:6px;height:6px}#topbar .save-status:is([data-state=error],[data-state=offline]){color:var(--oc-color-fg-critical);background:var(--oc-color-bg-critical-weak)}.tbtn{height:32px;gap:6px;padding:0 10px;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-medium);letter-spacing:-.005em}.tbtn:hover{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak)}.tbtn:active{background:var(--oc-color-bg-neutral-weak-pressed)}.tbtn[aria-expanded=true],details[open]>summary.tbtn{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak-pressed)}#topbar .global-search-trigger{--oc-i:var(--oc-icon-search);min-width:0;width:auto;height:32px;padding:0 8px 0 10px;border:1px solid var(--oc-color-stroke-neutral-muted);background:var(--oc-color-bg-neutral-weak);color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-medium)}#topbar .global-search-trigger:after{content:"Ctrl F";margin-left:18px;padding:1px 6px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:5px;background:var(--oc-color-bg-layer-default);color:var(--oc-color-fg-neutral-subtle);font:600 10.5px/1.5 var(--oc-font-family);letter-spacing:.02em}:root[data-oc-platform=mac] #topbar .global-search-trigger:after{content:"⌘ F"}#topbar .global-search-trigger:hover{border-color:var(--oc-color-stroke-neutral-weak);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-layer-default)}#topbar :is(#btnSharedBrowser,.topbar-live-shortcut,.collaboration-menu),#btnLiveBrowser[hidden]{display:none!important}#topbar #btnSharedBrowser{--oc-i:var(--oc-icon-play);padding:0 10px;font-size:var(--oc-font-size-t3)}#topbar #btnSharedBrowser.live-web:before{color:#ff1f3d}#topbar .topbar-live-shortcut{padding:0 10px;font-size:var(--oc-font-size-t3)}#topbar .topbar-live-shortcut:before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--oc-i) center / contain no-repeat;mask:var(--oc-i) center / contain no-repeat}#topbar #btnVoiceQuick{--oc-i:var(--oc-icon-mic)}#topbar #btnShareQuick{--oc-i:var(--oc-icon-screen-share)}#topbar .live-web .live-dot{display:none}#btnAiSettings.ai-connect-top-trigger{--oc-i:var(--oc-icon-sparkle);border:0;background:transparent;color:var(--oc-color-fg-brand);font-weight:var(--oc-font-weight-bold)}#btnAiSettings.ai-connect-top-trigger:hover,#btnAiSettings.ai-connect-top-trigger[aria-expanded=true]{color:var(--oc-color-fg-brand);background:var(--oc-color-bg-brand-weak)}#topbar .collaboration-trigger{--oc-i:var(--oc-icon-bolt);display:flex;align-items:center;list-style:none;gap:6px;white-space:nowrap}.collaboration-trigger::-webkit-details-marker{display:none}.collaboration-trigger>span{width:12px;height:12px;font-size:0;background:currentColor;opacity:.7;-webkit-mask:var(--oc-icon-chevron-down) center / contain no-repeat;mask:var(--oc-icon-chevron-down) center / contain no-repeat}body[data-onecanvas-access=viewer] .collaboration-menu{display:none}#btnActivity{--oc-i:var(--oc-icon-history)}.activity-count{min-width:18px;height:18px;margin-left:2px;padding:0 5px;border-radius:9px;background:var(--oc-color-bg-neutral-weak-pressed);color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-bold);font-variant-numeric:tabular-nums}#topbar .topbar-overflow-trigger{--oc-i:var(--oc-icon-more);width:32px;padding:0;justify-content:center;font-size:0}#topbar .topbar-overflow-trigger:before{width:18px;height:18px}.presence{gap:4px;margin:0 4px}.presence .chip{max-width:140px;height:28px;padding:0 10px 0 8px;gap:6px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-full);color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-medium);overflow:hidden;text-overflow:ellipsis}.presence .chip .dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--oc-color-bg-layer-default)}.presence .chip.idle{opacity:.55}.topbar-overflow-menu{top:calc(100% + 8px);min-width:236px;max-height:calc(100dvh - 120px);overflow:auto;padding:6px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r3);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}.topbar-overflow-menu .tbtn{width:100%;height:36px;justify-content:flex-start;gap:10px;padding:0 10px;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-medium);text-decoration:none}.topbar-overflow-menu .tbtn:before{color:var(--oc-color-fg-neutral-muted)}.topbar-overflow-menu .tbtn:hover{background:var(--oc-color-bg-neutral-weak)}.topbar-overflow-menu .tbtn:hover:before{color:var(--oc-color-fg-neutral)}.topbar-overflow-menu .tbtn:disabled:before,.topbar-overflow-menu .tbtn[data-coming-soon=true]:before{opacity:.6}.topbar-overflow-menu [data-experience-link=showcase]{--oc-i:var(--oc-icon-showcase)}.topbar-overflow-menu a[href^="/integrations/onecanvas/guide"]{--oc-i:var(--oc-icon-book)}.topbar-overflow-menu #btnLiveBrowser{--oc-i:var(--oc-icon-browser)}.topbar-overflow-menu #btnClientBrowser{--oc-i:var(--oc-icon-monitor)}.topbar-overflow-menu #btnHelp{--oc-i:var(--oc-icon-help)}.topbar-overflow-menu #btnDrive{--oc-i:var(--oc-icon-cloud)}.topbar-overflow-menu #btnImport{--oc-i:var(--oc-icon-download)}.topbar-overflow-menu #btnExport{--oc-i:var(--oc-icon-upload)}.topbar-overflow-menu #btnTheme{--oc-i:var(--oc-icon-theme)}.topbar-overflow-menu #btnActivity{--oc-i:var(--oc-icon-history)}.topbar-overflow-menu .tbtn[data-coming-soon=true]:after,.topbar-overflow-menu .tbtn[aria-disabled=true]:after{margin-left:auto;padding:2px 7px;border-radius:var(--oc-radius-full);background:var(--oc-color-bg-neutral-weak);color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-bold)}#quickFeaturePins{display:grid;gap:2px}#quickFeaturePins .qd-btn.is-feature{display:flex;justify-content:flex-start;min-width:100%;width:100%;height:36px;gap:10px;padding:0 10px;border:0;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral);background:none}#quickFeaturePins .qd-btn.is-feature:hover{background:var(--oc-color-bg-neutral-weak)}#quickFeaturePins .qd-btn strong{display:inline;font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-medium)}#quickFeaturePins .qd-icon{width:18px;font-size:15px;color:var(--oc-color-fg-neutral-muted)}#quickFeaturePins .qd-badge{margin-left:auto}.feature-pin{position:relative}.feature-pin input{inset:0;width:100%;height:100%;margin:0;pointer-events:auto;cursor:pointer}.feature-pin:focus-within{outline:2px solid var(--oc-color-stroke-brand-solid);outline-offset:2px}.topbar-overflow-menu #playgroundFollowupLauncher{--oc-i:var(--oc-icon-mail);position:static;display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:36px;margin:4px 0 0;padding:0 10px;border:0;border-top:1px solid var(--oc-color-stroke-neutral-muted);border-radius:0 0 var(--oc-radius-r2) var(--oc-radius-r2);color:var(--oc-color-fg-neutral);background:transparent;box-shadow:none;font:500 13px var(--oc-font-family);transform:none}.topbar-overflow-menu #playgroundFollowupLauncher:before{content:"";width:16px;height:16px;flex:none;background:var(--oc-color-fg-neutral-muted);-webkit-mask:var(--oc-i) center / contain no-repeat;mask:var(--oc-i) center / contain no-repeat}.topbar-overflow-menu #playgroundFollowupLauncher:hover{background:var(--oc-color-bg-neutral-weak)}#left .tabs{gap:0;margin:10px 10px 4px;padding:var(--oc-dimension-x1);border:0;border-radius:var(--oc-radius-full);background:var(--oc-color-bg-neutral-weak-alpha)}#left .tabs button{height:30px;border:0;border-radius:var(--oc-radius-full);color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-medium)}#left .tabs button:hover{color:var(--oc-color-fg-neutral);background:transparent}#left .tabs button.on{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s1);font-weight:var(--oc-font-weight-bold)}.panel-section-head{height:30px;padding:0 8px 0 14px;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);letter-spacing:0}.panel-section-head .count{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-medium)}.panel-section-head button{width:26px;height:26px;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);font-size:0}.panel-section-head button:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--oc-icon-plus) center / contain no-repeat;mask:var(--oc-icon-plus) center / contain no-repeat}.page-section{padding-top:6px;padding-bottom:10px;border-bottom-color:var(--oc-color-stroke-neutral-muted)}#pageList{padding:0 8px}.page-row{min-height:34px;gap:8px;padding:6px 8px 6px 10px;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t3)}.page-row:hover{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak)}.page-row.active{color:var(--oc-color-fg-brand);background:var(--oc-color-bg-brand-weak);font-weight:var(--oc-font-weight-bold)}.page-row .page-icon{width:16px;border:0;background:none;font-size:0}.page-row .page-icon:before{content:"";display:block;width:14px;height:14px;margin:auto;background:currentColor;opacity:.8;-webkit-mask:var(--oc-icon-file) center / contain no-repeat;mask:var(--oc-icon-file) center / contain no-repeat}.trial-space-row .page-icon{width:30px;font-size:var(--oc-font-size-t1)}.trial-space-row .page-icon:before{display:none}.page-row .page-count{min-width:20px;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-medium);text-align:right}.page-row.active .page-count{color:var(--oc-color-fg-brand)}.layer-section-head{height:30px;padding:10px 14px 0;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);letter-spacing:0}#layerSearch{height:32px;margin:8px 10px;padding:0 10px 0 32px;border:1px solid transparent;border-radius:var(--oc-radius-r2);background:var(--oc-color-bg-neutral-weak) var(--oc-search-glyph) left 10px center / 15px 15px no-repeat;font-size:var(--oc-font-size-t3)}#layerSearch:focus{border-color:var(--oc-color-stroke-brand-solid);background-color:var(--oc-color-bg-layer-default)}#leftPanel{position:relative}.layer-tools{display:flex;gap:2px;padding:0 10px 8px}.layer-tools button{flex:1 1 0;min-width:0;min-height:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);background:transparent;font-size:0}.layer-tools button:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--oc-i) center / contain no-repeat;mask:var(--oc-i) center / contain no-repeat}.layer-tools button:hover:not(:disabled){color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak)}.layer-tools button:disabled{color:var(--oc-color-fg-disabled)}#btnFront{--oc-i:var(--oc-icon-bring-forward)}#btnBack{--oc-i:var(--oc-icon-send-backward)}#btnGroup{--oc-i:var(--oc-icon-group)}#btnUngroup{--oc-i:var(--oc-icon-ungroup)}#btnArrangeSelection{--oc-i:var(--oc-icon-wand)}.layer-row{min-height:30px;margin:0 8px;padding:3px 8px 3px 0;border-radius:var(--oc-radius-r2);font-size:var(--oc-font-size-t3)}.layer-row.sel{background:var(--oc-color-bg-brand-weak)}.layer-row .glyph{--oc-i:var(--oc-icon-file);width:22px;height:18px;border:0;background:none;color:var(--oc-color-fg-neutral-subtle);font-size:0}.layer-row .glyph:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:var(--oc-i) center / contain no-repeat;mask:var(--oc-i) center / contain no-repeat}.layer-row.sel .glyph{color:var(--oc-color-fg-brand)}.layer-row .glyph[data-kind=frame]{--oc-i:var(--oc-icon-frame)}.layer-row .glyph[data-kind=group]{--oc-i:var(--oc-icon-group)}.layer-row .glyph[data-kind=text]{--oc-i:var(--oc-icon-type)}.layer-row .glyph[data-kind=shape]{--oc-i:var(--oc-icon-square)}.layer-row .glyph[data-shape=ellipse]{--oc-i:var(--oc-icon-circle)}.layer-row .glyph[data-kind=connector]{--oc-i:var(--oc-icon-connector)}.layer-row .glyph[data-kind=stroke]{--oc-i:var(--oc-icon-pen)}.layer-row .glyph[data-kind=media]{--oc-i:var(--oc-icon-image)}.layer-row .glyph[data-kind=code]{--oc-i:var(--oc-icon-code)}.layer-row .glyph[data-kind=pro]{--oc-i:var(--oc-icon-layout)}.layer-row .glyph[data-kind=url]{--oc-i:var(--oc-icon-link)}.layer-row .glyph[data-kind=youtube]{--oc-i:var(--oc-icon-play)}.layer-row .glyph[data-kind=browser]{--oc-i:var(--oc-icon-browser)}.layer-row .glyph[data-kind=collaboration]{--oc-i:var(--oc-icon-message)}.layer-row .glyph[data-kind=screenShare]{--oc-i:var(--oc-icon-screen-share)}.layer-row .glyph[data-kind=database]{--oc-i:var(--oc-icon-table)}.layer-row .glyph[data-kind=calendar]{--oc-i:var(--oc-icon-calendar)}.layer-row .glyph[data-kind=comment]{--oc-i:var(--oc-icon-comment)}.layer-row .nm{color:var(--oc-color-fg-neutral)}.layer-row .rbtn{--oc-i:var(--oc-icon-eye);width:24px;height:24px;display:grid;place-items:center;padding:0;border-radius:6px;color:var(--oc-color-fg-neutral-subtle);font-size:0;opacity:0}.layer-row .rbtn:before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--oc-i) center / contain no-repeat;mask:var(--oc-i) center / contain no-repeat}.layer-row .rbtn.act{--oc-i:var(--oc-icon-eye-off);color:var(--oc-color-fg-neutral-muted)}.layer-row .rbtn:last-child{--oc-i:var(--oc-icon-unlock)}.layer-row .rbtn:last-child.act,.layer-row .rbtn:last-child:disabled{--oc-i:var(--oc-icon-lock)}.layer-row .rbtn:hover:not(:disabled){color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak-pressed)}.layer-row:hover .rbtn,.layer-row:focus-within .rbtn,.layer-row .rbtn.act{opacity:1}.layer-row .mode{height:18px;padding:0 6px;border-radius:var(--oc-radius-full);background:var(--oc-color-bg-brand-solid);font-size:10px}.layer-row .disclosure{color:var(--oc-color-fg-neutral-subtle)}.wide{display:flex;flex-direction:column;align-items:center;gap:6px;margin:12px 10px 10px;padding:18px 14px;border:1px dashed var(--oc-color-stroke-neutral-weak);border-radius:var(--oc-radius-r3);background:transparent;color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold);line-height:1.45;text-align:center}.wide:before{content:"";width:22px;height:22px;background:var(--oc-color-fg-brand);-webkit-mask:var(--oc-icon-upload) center / contain no-repeat;mask:var(--oc-icon-upload) center / contain no-repeat}.wide:hover{border-color:var(--oc-color-stroke-brand-solid);background:var(--oc-color-bg-brand-weak)}.asset-empty{padding:4px 14px;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2);line-height:1.65;text-align:center}#assetList{padding:0 10px 12px}.asset-card{gap:10px;padding:8px;border-color:var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);background:var(--oc-color-bg-layer-default)}.asset-card:hover{background:var(--oc-color-bg-neutral-weak)}.asset-card .thumb{width:40px;height:40px;border-radius:6px;color:var(--oc-color-fg-neutral-subtle);background:var(--oc-color-bg-neutral-weak);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-bold)}.asset-card .meta{font-size:var(--oc-font-size-t2)}.asset-card .meta .nm{color:var(--oc-color-fg-neutral);font-weight:var(--oc-font-weight-medium)}.asset-card .meta .sz{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t1)}.asset-card .abtn{height:26px;padding:0 8px;border-radius:6px;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-medium)}.asset-card .abtn:hover{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak-pressed)}.workspace-panel-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;gap:0;padding:0;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s1)}.workspace-panel-toggle>span{display:none}#leftPanelToggle{--oc-i:var(--oc-icon-panel-left);left:12px;top:12px}#rightPanelToggle{--oc-i:var(--oc-icon-panel-right);right:12px;top:12px}.workspace-panel-toggle:hover,.workspace-panel-toggle:focus-visible{color:var(--oc-color-fg-brand);border-color:var(--oc-color-stroke-brand-weak);background:var(--oc-color-bg-layer-floating)}.oc-panel-name{font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-medium)}#minimapBox{padding:4px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r3);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s2)}#stage:focus{outline:none}body:not([data-onecanvas-access=viewer]):not(.interactive-demo) #app:not(:has(#saveStatus[data-state=readonly])):has(#layerList:empty):not(:has(#world .item)) #stage:before,body:not([data-onecanvas-access=viewer]):not(.interactive-demo) #app:not(:has(#saveStatus[data-state=readonly])):has(#layerList:empty):not(:has(#world .item)) #stage:after{position:absolute;left:50%;top:44%;z-index:1;width:min(380px,calc(100% - 48px));text-align:center;pointer-events:none;animation:oc-empty-in var(--oc-duration-d4) var(--oc-timing-function-easing) 1.2s both}body:not([data-onecanvas-access=viewer]):not(.interactive-demo) #app:not(:has(#saveStatus[data-state=readonly])):has(#layerList:empty):not(:has(#world .item)) #stage:before{content:"첫 카드를 올려보세요";transform:translate(-50%,calc(-100% - 8px));color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t7);letter-spacing:var(--oc-letter-spacing-title);font-weight:var(--oc-font-weight-bold)}body:not([data-onecanvas-access=viewer]):not(.interactive-demo) #app:not(:has(#saveStatus[data-state=readonly])):has(#layerList:empty):not(:has(#world .item)) #stage:after{content:"아래 도구로 글과 도형을 그리거나, 파일을 여기에 끌어다 놓으세요.";transform:translate(-50%);color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t4);line-height:1.7}@keyframes oc-empty-in{0%{opacity:0}to{opacity:1}}#layerList:empty:after{content:"이 페이지에는 아직 카드가 없습니다.";display:block;padding:6px 16px;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2)}@supports (field-sizing: content){@media(min-width:901px){#topbar .doc-title{field-sizing:content;width:auto;min-width:120px;max-width:min(360px,26vw)}}}#selbox .handle{background:transparent;border:0;box-shadow:none}#selbox .handle:before{content:"";position:absolute;inset:5px;border:1.5px solid var(--oc-color-stroke-brand-solid);border-radius:2px;background:var(--oc-color-bg-layer-default);pointer-events:none}@media(pointer:coarse){#selbox .handle:before{inset:2px;border-radius:3px}}.card-head{gap:7px;padding:0 10px;background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t2)}.card-tag{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:5px;color:var(--oc-color-fg-brand);background:var(--oc-color-bg-brand-weak);font-size:10px;font-weight:var(--oc-font-weight-bold);letter-spacing:.03em}.card-name{color:var(--oc-color-fg-neutral);font-weight:var(--oc-font-weight-medium)}.k-youtube .card-tag{color:#d9112d;background:#ff1f3d1a}.k-database .card-tag,.k-calendar .card-tag{color:var(--oc-color-fg-positive);background:var(--oc-color-bg-positive-weak)}.k-url .card-tag,.k-file .card-tag,.k-media .card-tag{color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-neutral-weak)}#right:before{display:none}#right>.panel-title{height:44px;padding-left:16px;font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold)}#inspector{padding:14px 16px 24px}#inspector h4{margin:10px 0;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);letter-spacing:0}#inspector h4:first-child{margin-top:0;color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t4)}#inspector h4:not(:first-child){margin-top:8px;padding-top:16px;border-top:1px solid var(--oc-color-stroke-neutral-muted)}#inspector .fld select{padding:0 28px 0 8px;-webkit-appearance:none;appearance:none;background-image:var(--oc-select-chevron);background-position:right 8px center;background-size:14px;background-repeat:no-repeat}#inspector .fld input[type=color]{width:44px;flex:none;height:30px;padding:3px;border:1px solid var(--oc-color-stroke-neutral-muted);background:var(--oc-color-bg-layer-default);cursor:pointer}#inspector .fld input[type=color]::-webkit-color-swatch-wrapper{padding:0}#inspector .fld input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}#inspector .fld input[type=color]::-moz-color-swatch{border:0;border-radius:5px}#inspector .fld input[type=range]{height:20px;padding:0;border:0;background:transparent;accent-color:var(--oc-color-bg-brand-solid)}#inspector .fld input[type=range]:hover{border:0}#inspector .row2 .fld{display:grid;grid-template-columns:14px minmax(0,1fr);gap:4px}#inspector .row2 .fld>span{width:auto}#inspector .row2 input{padding:0 6px;font-variant-numeric:tabular-nums}#inspector .inspector-zoom-selection{align-self:flex-start;min-height:30px;padding:0 10px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-brand);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-medium)}#inspector .inspector-zoom-selection:hover{background:var(--oc-color-bg-brand-weak)}.fld{gap:8px;font-size:var(--oc-font-size-t3)}.fld>span{width:60px;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2)}.fld :is(input,select,textarea){height:32px;border:1px solid transparent;border-radius:var(--oc-radius-r2);background:var(--oc-color-bg-neutral-weak);font-size:var(--oc-font-size-t3)}.fld textarea{height:auto}.fld :is(input,select,textarea):hover{border-color:var(--oc-color-stroke-neutral-muted)}.fld :is(input,select,textarea):focus-visible,.fld :is(input,select,textarea):focus{border-color:var(--oc-color-stroke-brand-solid);background:var(--oc-color-bg-layer-default)}.btn-primary{height:var(--oc-dimension-x9);border-radius:var(--oc-radius-r2);color:var(--oc-palette-static-white);background:var(--oc-color-bg-brand-solid);font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold)}.btn-primary:hover{background:var(--oc-color-bg-brand-solid-pressed)}.btn-line{height:var(--oc-dimension-x9);border:1px solid var(--oc-color-stroke-neutral-weak);border-radius:var(--oc-radius-r2);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold)}.insp-note{color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2);line-height:1.6}#bottombar{gap:6px;padding:0 12px;border-top:1px solid var(--oc-color-stroke-neutral-muted);color:var(--oc-color-fg-neutral-subtle)}#bottombar .tbtn{height:26px;padding:0 8px;font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-medium)}#zoomOut,#zoomPct,#zoomIn{height:26px;margin:0 -1px 0 0;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:0;color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-layer-default)}#bottombar #zoomOut{--oc-i:var(--oc-icon-minus);width:28px;padding:0;justify-content:center;font-size:0;border-radius:var(--oc-radius-r2) 0 0 var(--oc-radius-r2)}#bottombar #zoomIn{--oc-i:var(--oc-icon-plus);width:28px;padding:0;justify-content:center;font-size:0;margin-right:0;border-radius:0 var(--oc-radius-r2) var(--oc-radius-r2) 0}#zoomOut:before,#zoomIn:before{width:14px;height:14px}#bottombar #zoomPct{min-width:54px;justify-content:center;color:var(--oc-color-fg-neutral);font-weight:var(--oc-font-weight-medium);font-variant-numeric:tabular-nums}#zoomOut:hover,#zoomPct:hover,#zoomIn:hover{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak);position:relative;z-index:1}#zoomFit{--oc-i:var(--oc-icon-fit);margin-left:4px}#zoomFit:before{width:14px;height:14px}#bottombar .hint{margin-left:10px;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2)}#itemCount{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2);font-variant-numeric:tabular-nums}@media(max-width:1360px){#bottombar .hint{display:none}}#quickDock{gap:2px;padding:5px;width:max-content;max-width:calc(100% - 36px);left:50%;right:auto;transform:translate(-50%);bottom:calc(var(--oc-bottombar-h) + 14px);border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r4);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}#quickDock .qd-btn{width:36px;height:36px;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted)}#quickDock .qd-btn:hover{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak)}#quickDock .qd-btn.on{color:var(--oc-palette-static-white);background:var(--oc-color-bg-brand-solid);box-shadow:0 2px 6px #0f52f547}#quickDock .qd-icon{display:grid;place-items:center;font-size:17px}#quickDock .qd-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#quickDock .qd-key{display:none}#quickDock .qd-btn.is-feature{width:auto;min-width:0;padding:0 12px 0 10px;gap:6px}#quickDock .qd-btn.is-feature strong{font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}#quickDock .qd-btn.launcher{width:auto;min-width:0;padding:0 12px 0 10px;gap:6px;border:0;background:var(--oc-color-bg-neutral-weak);color:var(--oc-color-fg-neutral)}#quickDock .qd-btn.launcher:hover,#quickDock .qd-btn.launcher.on{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak-pressed);box-shadow:none}#quickDock .qd-btn.launcher strong{font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}#quickDock .qd-sep{width:1px;height:22px;margin:0 5px;background:var(--oc-color-stroke-neutral-muted)}#quickDock .ai-connect-trigger{border-color:transparent;color:var(--oc-color-fg-brand);background:transparent}#quickDock .ai-connect-trigger:hover{background:var(--oc-color-bg-brand-weak);color:var(--oc-color-fg-brand)}#quickDock .ai-connect-trigger:before{display:none}#quickDock .ai-connect-trigger .qd-icon,#quickDock .launcher .qd-icon{flex:none;width:16px;height:16px;font-size:0;background:currentColor;-webkit-mask:var(--oc-i) center / contain no-repeat;mask:var(--oc-i) center / contain no-repeat}#quickDock .ai-connect-trigger{--oc-i:var(--oc-icon-sparkle)}#quickDock .launcher{--oc-i:var(--oc-icon-grid)}#quickDock{overflow:visible}#quickDock>.qd-btn{flex:none}#quickToolPins{display:block;min-width:0;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}#dockBundleItems{display:flex;align-items:center;gap:2px;width:max-content}#dockBundleItems .qd-btn{flex:none}#dockCurrentTool{position:absolute;bottom:calc(100% + 6px);left:0;padding:3px 7px;border-radius:6px;background:var(--oc-color-bg-layer-floating);color:var(--oc-color-fg-neutral-muted);font-size:11px;white-space:nowrap;pointer-events:none}#dockBundleMenu{position:absolute;bottom:calc(100% + 28px);left:0;min-width:230px;max-width:calc(100vw - 36px);padding:6px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:10px;background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}#dockBundleMenu[hidden],#dockBundleEditor[hidden]{display:none}#dockBundleChoices{display:grid;gap:3px}#dockBundleMenu [role^=menuitem]{width:100%;text-align:left;padding:9px}#dockBundleMenu [aria-checked=true],#dockBundleTabs [aria-selected=true]{background:var(--oc-color-bg-brand-weak);color:var(--oc-color-fg-brand)}#insertMenu:has(#dockBundleEditor:not([hidden])){grid-template-rows:auto auto minmax(0,1fr)}#dockBundleEditor{padding:12px 16px;border-bottom:1px solid var(--oc-color-stroke-neutral-muted)}#dockBundleTabs{display:flex;gap:6px;margin-bottom:10px}#dockBundleTabs button{flex:1;min-width:0;overflow-wrap:anywhere}#dockBundleEditPanel{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#dockBundleName{width:160px}#dockBundleReason{flex-basis:100%;margin:0;font-size:12px}.dock-prefs-status{display:flex;align-items:center;gap:6px;font-size:12px}.dock-prefs-status button{padding:3px 6px}.dock-empty{padding:0 10px;color:var(--oc-color-fg-neutral-muted);white-space:nowrap}.dock-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#quickDock button:focus-visible,#dockBundleEditor :focus-visible{outline:2px solid var(--oc-color-fg-brand);outline-offset:2px}#dockBundleButton{position:relative;width:40px;height:38px;display:grid;place-items:center;padding:0 0 6px;overflow:hidden;border:1px solid var(--oc-color-stroke-brand-weak);border-radius:9px;background:var(--oc-color-bg-brand-weak);color:var(--oc-color-fg-brand)}#dockBundleButton:hover,#dockBundleButton[aria-expanded=true]{border-color:var(--oc-color-stroke-brand-solid)}#dockBundleButton .dock-num{display:block;font-size:16px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}#dockBundleButton .dock-dots{position:absolute;left:50%;bottom:6px;display:flex;gap:3px;transform:translate(-50%)}#dockBundleButton .dock-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.28;transition:opacity .2s,transform .2s}#dockBundleButton .dock-dots i.on{opacity:1;transform:scale(1.15)}#quickDock>#dockBundleButton+#quickToolPins{margin-left:4px;padding-left:6px;border-left:1px solid var(--oc-color-stroke-neutral-muted)}#dockCurrentTool{opacity:0;transform:translateY(3px);transition:opacity .15s,transform .15s}#dockCurrentTool.is-visible{opacity:1;transform:none}#dockBundleMenu{padding:6px;min-width:240px}#dockBundleMenu [role=menuitemradio]{display:flex;align-items:center;gap:10px;border-radius:8px;color:var(--oc-color-fg-neutral)}#dockBundleMenu [role=menuitemradio]:hover{background:var(--oc-color-bg-neutral-weak)}#dockBundleMenu [role=menuitemradio][aria-checked=true]{background:var(--oc-color-bg-brand-weak);color:var(--oc-color-fg-brand)}.dock-choice-num{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:7px;background:var(--oc-color-bg-neutral-weak);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}[aria-checked=true]>.dock-choice-num{color:#fff;background:var(--oc-color-bg-brand-solid)}.dock-choice-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}#dockBundleMenu kbd{flex:none;padding:2px 6px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:5px;color:var(--oc-color-fg-neutral-muted);font:600 11px/1.4 ui-monospace,Consolas,monospace}#dockBundleEdit{margin-top:4px;border-top:1px solid var(--oc-color-stroke-neutral-muted)!important;border-radius:0 0 8px 8px;color:var(--oc-color-fg-neutral-muted)}#dockBundleMenu .dock-prefs-status{padding:6px 9px 2px;color:var(--oc-color-fg-critical)}#dockBundleMenu .dock-prefs-status[hidden]{display:none}#dockBundleEditor .dock-prefs-status{color:var(--oc-color-fg-neutral-subtle)}#dockBundleButton.has-error:after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--oc-color-fg-critical)}#dockBundleEditFromLauncher{height:24px;margin-left:8px;padding:0 8px;font-size:11px;vertical-align:middle}#insertMenu:has(#dockBundleEditor:not([hidden])) #dockBundleEditFromLauncher{display:none}#dockShortcutValue{margin-left:6px;padding:3px 8px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:6px;color:var(--oc-color-fg-neutral);font:600 12px/1.5 ui-monospace,Consolas,monospace}#dockShortcutValue.is-empty{border-style:dashed;color:var(--oc-color-fg-neutral-subtle);font-family:inherit;font-weight:500}#dockBundleTabs{display:flex;gap:3px;margin-bottom:12px;padding:3px;border-radius:10px;background:var(--oc-color-bg-neutral-weak)}#dockBundleTabs button{padding:7px 10px;border-radius:8px;color:var(--oc-color-fg-neutral-muted);font-size:13px;font-weight:650}#dockBundleTabs button:hover{color:var(--oc-color-fg-neutral)}#dockBundleTabs [aria-selected=true]{background:var(--oc-color-bg-layer-default);color:var(--oc-color-fg-brand);box-shadow:0 1px 3px #0000002e}#dockBundleEditPanel{gap:10px 12px}.dock-edit-field{display:inline-flex;align-items:center;gap:8px;color:var(--oc-color-fg-neutral-muted);font-size:12px;font-weight:600}#dockBundleName{width:150px;height:32px;padding:0 10px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:8px;background:var(--oc-color-bg-layer-default);color:var(--oc-color-fg-neutral);font-size:13px}.dock-edit-btn{height:30px;padding:0 11px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:8px;color:var(--oc-color-fg-neutral);font-size:12px;font-weight:650}.dock-edit-btn:hover:not(:disabled){border-color:var(--oc-color-stroke-brand-solid);color:var(--oc-color-fg-brand)}.dock-edit-btn:disabled{opacity:.45;cursor:default}#dockBundleReason{color:var(--oc-color-fg-neutral-muted)}#dockBundleReason:empty{display:none}@media(prefers-reduced-motion:reduce){#dockBundleItems,#dockBundleButton{animation:none!important;transition:none!important}}:is(.feature-entry[data-entry-id=select]){--oc-i:var(--oc-icon-cursor)}:is(.feature-entry[data-entry-id=hand]){--oc-i:var(--oc-icon-hand)}:is(.feature-entry[data-entry-id=frame]){--oc-i:var(--oc-icon-frame)}:is(.feature-entry[data-entry-id=text]){--oc-i:var(--oc-icon-type)}:is(.feature-entry[data-entry-id=rect]){--oc-i:var(--oc-icon-square)}:is(.feature-entry[data-entry-id=ellipse]){--oc-i:var(--oc-icon-circle)}:is(.feature-entry[data-entry-id=connector]){--oc-i:var(--oc-icon-connector)}:is(.feature-entry[data-entry-id=pen]){--oc-i:var(--oc-icon-pen)}:is(.feature-entry[data-entry-id=comment]){--oc-i:var(--oc-icon-comment)}:is(.feature-entry[data-entry-id=attention]){--oc-i:var(--oc-icon-attention)}:is(.feature-entry[data-entry-id=youtube],[data-feature-id=youtube]){--oc-i:var(--oc-icon-play)}:is(.feature-entry[data-entry-id=database],[data-feature-id=database]){--oc-i:var(--oc-icon-table)}:is(.feature-entry[data-entry-id=calendar],[data-feature-id=calendar]){--oc-i:var(--oc-icon-calendar)}:is(.feature-entry[data-entry-id=html],[data-feature-id=html]){--oc-i:var(--oc-icon-code)}:is(.feature-entry[data-entry-id=diagram],[data-feature-id=diagram]){--oc-i:var(--oc-icon-nodes)}:is(.feature-entry[data-entry-id=puck],[data-feature-id=puck]){--oc-i:var(--oc-icon-layout)}:is(.feature-entry[data-entry-id=grapes],[data-feature-id=grapes]){--oc-i:var(--oc-icon-braces)}:is(.feature-entry[data-entry-id=url],[data-feature-id=url]){--oc-i:var(--oc-icon-link)}:is(.feature-entry[data-entry-id=chat],[data-feature-id=chat]){--oc-i:var(--oc-icon-message)}:is(.feature-entry[data-entry-id=voice],[data-feature-id=voice]){--oc-i:var(--oc-icon-mic)}:is(.feature-entry[data-entry-id=screenShare],[data-feature-id=screenShare]){--oc-i:var(--oc-icon-screen-share)}:is(.feature-entry[data-entry-id=timer],[data-feature-id=timer]){--oc-i:var(--oc-icon-clock)}:is(.feature-entry[data-entry-id=reactions],[data-feature-id=reactions]){--oc-i:var(--oc-icon-smile)}:is(.feature-entry[data-entry-id=vote],[data-feature-id=vote]){--oc-i:var(--oc-icon-check-square)}:is(.feature-entry[data-entry-id=upload],[data-feature-id=upload]){--oc-i:var(--oc-icon-upload)}:is(.feature-entry[data-entry-id=browser],[data-feature-id=browser]){--oc-i:var(--oc-icon-browser)}:is(.feature-entry[data-entry-id]) .feature-entry-icon,[data-feature-id]>.qd-icon{position:relative;font-size:0!important}:is(.feature-entry[data-entry-id]) .feature-entry-icon:before,[data-feature-id]>.qd-icon:before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:currentColor;-webkit-mask:var(--oc-i, none) center / contain no-repeat;mask:var(--oc-i, none) center / contain no-repeat}[data-feature-id]>.qd-icon{display:grid;place-items:center;width:18px;height:18px}[data-feature-id]>.qd-icon:before{width:16px;height:16px}#penOptions{gap:6px;padding:6px 8px;border-color:var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r4);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}.pen-option-group{gap:4px}.pen-option-group+.pen-option-group,#penOptions>.pen-hold-hint{padding-left:8px;border-left:1px solid var(--oc-color-stroke-neutral-muted)}.pen-option-label{padding:0 4px 0 2px;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-medium)}.pen-option-group:has(.pen-mode){padding:2px;border-radius:var(--oc-radius-full);background:var(--oc-color-bg-neutral-weak)}.pen-option-group:has(.pen-mode) .pen-option-label{display:none}.pen-mode{height:28px;padding:0 12px;border:0;border-radius:var(--oc-radius-full);color:var(--oc-color-fg-neutral-muted);background:transparent;font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-medium)}.pen-mode:hover{color:var(--oc-color-fg-neutral)}.pen-mode.on{color:var(--oc-color-fg-neutral);border:0;background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s1);font-weight:var(--oc-font-weight-bold)}.pen-swatch{width:22px;height:22px;margin:0 1px;border:0;border-radius:var(--oc-radius-full);box-shadow:inset 0 0 0 1px #0000001f}.pen-swatch:hover{transform:scale(1.08)}.pen-swatch.on{box-shadow:0 0 0 2px var(--oc-color-bg-layer-floating),0 0 0 4px var(--oc-color-stroke-brand-solid)}.pen-custom-color{width:26px;height:26px;padding:2px;border:1px dashed var(--oc-color-stroke-neutral-weak);border-radius:var(--oc-radius-full);background:transparent;cursor:pointer}.pen-custom-color::-webkit-color-swatch-wrapper{padding:0}.pen-custom-color::-webkit-color-swatch{border:0;border-radius:var(--oc-radius-full)}.pen-custom-color::-moz-color-swatch{border:0;border-radius:var(--oc-radius-full)}.pen-width{width:28px;height:28px;border:0;border-radius:var(--oc-radius-r2);background:transparent}.pen-width:hover{background:var(--oc-color-bg-neutral-weak)}.pen-width:before{background:var(--oc-color-fg-neutral)}.pen-width.on{background:var(--oc-color-bg-brand-weak);box-shadow:none}.pen-width.on:before{background:var(--oc-color-fg-brand)}.pen-nib-select{height:28px;min-width:92px;padding:0 26px 0 10px;border:0;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak) var(--oc-select-chevron) right 8px center / 13px no-repeat;-webkit-appearance:none;appearance:none;font-size:var(--oc-font-size-t2)}.pen-hold-hint{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t1)}.pen-eraser-size{accent-color:var(--oc-color-bg-brand-solid)}.pen-eraser-value{color:var(--oc-color-fg-neutral);font:500 var(--oc-font-size-t1)/1 var(--oc-font-family);font-variant-numeric:tabular-nums}#insertMenu{border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:16px;background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}.feature-launcher-head{min-height:64px;padding:12px 12px 12px 18px;border-bottom:1px solid var(--oc-color-stroke-neutral-muted)}.feature-launcher-title strong{font-size:15px;font-weight:var(--oc-font-weight-bold);letter-spacing:-.01em}.feature-launcher-title span{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2)}#featureSearch{height:36px;padding:0 12px 0 34px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);background:var(--oc-color-bg-neutral-weak) var(--oc-search-glyph) left 11px center / 15px 15px no-repeat;font-size:var(--oc-font-size-t3)}#featureSearch:focus{background-color:var(--oc-color-bg-layer-default)}#featureLauncherClose{width:32px;height:32px;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);font-size:0}#featureLauncherClose:before,#globalSearchClose:before,#activityClose:before,#chatClose:before{content:"";display:block;width:16px;height:16px;margin:auto;background:currentColor;-webkit-mask:var(--oc-icon-close) center / contain no-repeat;mask:var(--oc-icon-close) center / contain no-repeat}#featureLauncherClose:hover{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak)}.feature-group-head{margin:0 4px 10px}.feature-group-head strong{color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);letter-spacing:0}.feature-group-head span{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2)}.feature-entry{min-height:60px;gap:12px;padding:8px 10px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r3);background:var(--oc-color-bg-layer-default);transition:border-color var(--oc-duration-d3) var(--oc-timing-function-easing),background var(--oc-duration-d3) var(--oc-timing-function-easing)}.feature-entry:hover{border-color:var(--oc-color-stroke-brand-weak);background:var(--oc-color-bg-neutral-weak)}.feature-entry-icon{width:38px;height:38px;border-radius:10px;color:var(--oc-color-fg-brand);background:var(--oc-color-bg-brand-weak)}.feature-entry-main strong{color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold)}.feature-entry-main span{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2)}.feature-pin{width:30px;height:30px;border:0;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-subtle);background:transparent}.feature-pin:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--oc-icon-star) center / contain no-repeat;mask:var(--oc-icon-star) center / contain no-repeat}.feature-pin:hover{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak-pressed)}.feature-pin:has(input:checked){color:#f5a524;border:0;background:transparent}.feature-pin:has(input:checked):before{content:"";-webkit-mask-image:var(--oc-icon-star-fill);mask-image:var(--oc-icon-star-fill)}.feature-pin:has(input:checked):hover{background:var(--oc-color-bg-neutral-weak-pressed)}#globalSearch{border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:16px;background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}.global-search-head{padding:10px 12px 10px 14px;border-bottom:1px solid var(--oc-color-stroke-neutral-muted)}.global-search-input-wrap:before{content:"";flex:none;width:20px;height:20px;background:var(--oc-color-fg-neutral-subtle);-webkit-mask:var(--oc-icon-search) center / contain no-repeat;mask:var(--oc-icon-search) center / contain no-repeat}#globalSearchInput{height:44px;border:0;background:transparent;font-size:var(--oc-font-size-t5);box-shadow:none!important}#globalSearchClose{width:32px;height:32px;border-radius:var(--oc-radius-r2);font-size:0}.global-search-empty{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t3)}.global-search-result{border:1px solid transparent;border-radius:var(--oc-radius-r3)}#activityPanel{border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r4);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}#activityPanel:not(.open){visibility:hidden}#activityPanel.open{visibility:visible}.activity-head{padding:14px 12px 12px 16px;border-bottom:1px solid var(--oc-color-stroke-neutral-muted)}.activity-head strong{font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold)}.activity-head span{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2)}#activityClose,#chatClose{width:30px;height:30px;border-radius:var(--oc-radius-r2);font-size:0}#chatPanel{border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r4);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}.modal-card{border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:18px;background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}.modal{background:var(--oc-color-bg-overlay);backdrop-filter:blur(4px)}.modal-close{width:32px;height:32px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);background:transparent;cursor:pointer}.modal-close:before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--oc-icon-close) center / contain no-repeat;mask:var(--oc-icon-close) center / contain no-repeat}.modal-close:hover{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak)}#helpModal .modal-card{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:0 28px 24px}.help-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -28px 4px;padding:18px 18px 14px 28px;border-bottom:1px solid var(--oc-color-stroke-neutral-muted);background:var(--oc-color-bg-layer-floating)}#helpModal h2{margin:0;font-size:var(--oc-font-size-t7);font-weight:var(--oc-font-weight-bold);letter-spacing:-.02em}#helpModal h3{margin:22px 0 8px}#helpModal table{font-size:var(--oc-font-size-t3);line-height:1.65}#helpModal table td{padding:9px 8px;border-bottom-color:var(--oc-color-stroke-neutral-muted);vertical-align:middle;color:var(--oc-color-fg-neutral)}#helpModal table th{padding:6px 8px;border-bottom-color:var(--oc-color-stroke-neutral-muted)}#helpModal table td:first-child{width:52%;color:var(--oc-color-fg-neutral-muted)}.help-foot{position:sticky;bottom:-24px;z-index:2;display:flex;justify-content:flex-end;margin:20px -28px -24px;padding:14px 20px;border-top:1px solid var(--oc-color-stroke-neutral-muted);background:var(--oc-color-bg-layer-floating)}.help-foot .btn-primary{min-width:88px;padding:0 18px}.oc-help-entry{border-top-color:var(--oc-color-stroke-neutral-muted)}.oc-help-entry p{color:var(--oc-color-fg-neutral-muted)}.btn-secondary{height:var(--oc-dimension-x9);border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold);cursor:pointer}.btn-secondary:hover{background:var(--oc-color-bg-neutral-weak)}.drive-card{width:min(460px,calc(100vw - 32px));padding:24px}.drive-card h2{margin:0 0 6px;font-size:var(--oc-font-size-t7);font-weight:var(--oc-font-weight-bold);letter-spacing:-.02em}.drive-card .sub{margin:0;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t3);line-height:1.6}.drive-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:18px}.drive-actions button{min-height:44px;padding:0 14px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold)}.drive-actions button:hover:not(:disabled){border-color:var(--oc-color-stroke-neutral-weak);background:var(--oc-color-bg-neutral-weak)}.drive-actions button:disabled{color:var(--oc-color-fg-disabled);background:var(--oc-color-bg-layer-default);opacity:1}#btnDriveConnect{grid-column:1 / -1;margin-bottom:6px;border:0;color:var(--oc-palette-static-white);background:var(--oc-color-bg-brand-solid)}#btnDriveConnect:hover:not(:disabled){background:var(--oc-color-bg-brand-solid-pressed)}#btnDriveConnect:disabled{color:var(--oc-color-fg-disabled);background:var(--oc-color-bg-disabled)}:is(#btnDriveOpen,#btnDriveSaveProject,#btnDriveSaveCard){grid-column:1 / -1;display:flex;align-items:center;gap:10px;text-align:left}:is(#btnDriveOpen,#btnDriveSaveProject,#btnDriveSaveCard):before{content:"";flex:none;width:18px;height:18px;background:currentColor;opacity:.75;-webkit-mask:var(--oc-icon-download) center / contain no-repeat;mask:var(--oc-icon-download) center / contain no-repeat}:is(#btnDriveSaveProject,#btnDriveSaveCard):before{-webkit-mask-image:var(--oc-icon-upload);mask-image:var(--oc-icon-upload)}#btnDriveDisconnect,#btnDriveClose{margin-top:10px}#btnDriveDisconnect{border-color:transparent;color:var(--oc-color-fg-neutral-muted);background:transparent}#btnDriveDisconnect:hover:not(:disabled){color:var(--oc-color-fg-critical);border-color:transparent;background:var(--oc-color-bg-critical-weak)}#btnDriveClose{background:var(--oc-color-bg-neutral-weak);border-color:transparent}.drive-status:not(:empty){margin-top:14px;padding:10px 12px;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-neutral-weak);font-size:var(--oc-font-size-t2);line-height:1.6}.drive-status[data-tone=warn]{color:var(--oc-color-fg-warning-contrast);background:var(--oc-color-bg-warning-weak)}.drive-status[data-tone=error]{color:var(--oc-color-fg-critical);background:var(--oc-color-bg-critical-weak)}:is(#globalSearch,#insertMenu,#left,#right,.modal-card) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select):focus-visible{outline:0}#featureSearch:focus{border-color:var(--oc-color-stroke-brand-solid);box-shadow:var(--oc-shadow-focus-ring)}#chatPanel{grid-template-rows:48px 1fr auto}@media(min-width:901px){#chatPanel{right:calc(var(--layout-right) + 12px);bottom:calc(var(--oc-bottombar-h) + 12px);width:360px;height:min(440px,calc(100% - var(--oc-topbar-h) - var(--oc-bottombar-h) - 40px))}}body:has(#chatPanel.open) #minimapBox,body:has(#chatPanel.open,#commentPopover.open) .oc-example-explorer:not(.is-open){visibility:hidden}.chat-head{gap:8px;padding:0 8px 0 14px;border-bottom-color:var(--oc-color-stroke-neutral-muted)}.chat-head strong{font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold)}.chat-head .chat-mode{padding:2px 8px;border:0;border-radius:var(--oc-radius-full);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-neutral-weak);font-size:var(--oc-font-size-t1)}#chatMessages{gap:12px;padding:14px 14px 8px}.chat-msg,.comment-message{grid-template-columns:28px 1fr;gap:9px}.chat-avatar,.comment-avatar{width:28px;height:28px;border-radius:var(--oc-radius-full);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-bold)}.chat-meta strong,.comment-meta strong{color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}.chat-meta time,.comment-meta time{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t1)}.chat-text,.comment-copy{color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t3);line-height:1.6}.chat-system{margin:0;padding:10px 12px;border:0;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-neutral-weak);font-size:var(--oc-font-size-t2);line-height:1.6}.chat-compose,.comment-compose{grid-template-columns:1fr 36px;align-items:end;gap:8px;padding:10px;border-top-color:var(--oc-color-stroke-neutral-muted)}:is(#chatInput,.comment-compose textarea){min-height:40px;padding:9px 12px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t3);line-height:1.5}:is(#chatInput,.comment-compose textarea)::placeholder{color:var(--oc-color-fg-placeholder)}:is(#chatInput,.comment-compose textarea):focus{border-color:var(--oc-color-stroke-brand-solid);outline:0;box-shadow:var(--oc-shadow-focus-ring)}:is(#chatSend,.comment-compose button){width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--oc-radius-r2);color:var(--oc-palette-static-white);background:var(--oc-color-bg-brand-solid);font-size:0}:is(#chatSend,.comment-compose button):before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--oc-icon-arrow-up) center / contain no-repeat;mask:var(--oc-icon-arrow-up) center / contain no-repeat}:is(#chatSend,.comment-compose button):hover{background:var(--oc-color-bg-brand-solid-pressed)}#commentPopover{width:320px;grid-template-rows:46px minmax(54px,1fr) auto;border-color:var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r3);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}.comment-pop-head{gap:8px;padding:0 6px 0 14px;border-bottom-color:var(--oc-color-stroke-neutral-muted)}.comment-pop-head strong{font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold)}.comment-state{padding:2px 8px;border-radius:var(--oc-radius-full);color:var(--oc-color-fg-brand);background:var(--oc-color-bg-brand-weak);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-medium)}.comment-action{height:28px;padding:0 8px;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-medium)}.comment-action:hover{color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak)}.comment-action[aria-label="주석 닫기"]{width:28px;padding:0;display:grid;place-items:center;font-size:0}.comment-action[aria-label="주석 닫기"]:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--oc-icon-close) center / contain no-repeat;mask:var(--oc-icon-close) center / contain no-repeat}.comment-thread{gap:12px;padding:12px 14px}.comment-empty{color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2);line-height:1.6}.toast{padding:var(--oc-dimension-x2_5) var(--oc-dimension-x4);border:0;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-inverted);background:var(--oc-color-bg-neutral-inverted);font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-regular);box-shadow:var(--oc-shadow-s2)}#focus .pro-code-panel textarea{min-height:clamp(160px,26dvh,260px);font-family:var(--oc-font-family-mono)}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--oc-color-stroke-neutral-muted);border-bottom-width:2px;border-radius:6px;color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-neutral-weak);font:600 11px/1 var(--oc-font-family)}#helpModal h3{color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold)}#helpModal table th{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-medium)}#focusTop .kind{border:0;border-radius:5px;color:var(--oc-color-fg-brand);background:var(--oc-color-bg-brand-weak);font-size:var(--oc-font-size-t1)}#experienceTasks{top:12px;right:56px;width:300px;max-height:calc(100% - 105px);padding:14px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r4);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s2)}#experienceTasks.experience-tasks-collapsed{width:228px;padding:8px 8px 8px 14px}#experienceTasks .experience-task-head{gap:12px;align-items:center;padding:0}#experienceTasks .experience-task-kicker{display:flex;align-items:center;gap:10px;color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t2);letter-spacing:0;font-weight:var(--oc-font-weight-bold)}#experienceTasksProgressText{padding:1px 7px;border-radius:var(--oc-radius-full);color:var(--oc-color-fg-brand);background:var(--oc-color-bg-brand-weak);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-medium)}#experienceTasks h2{margin:8px 0 0;font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold);line-height:1.45;letter-spacing:-.01em}#experienceTasks.experience-tasks-collapsed h2{display:none}#experienceTasksToggle{width:28px;height:28px;border:0;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-neutral-weak);font-size:var(--oc-font-size-t5)}.experience-task-progress-copy{margin:14px 0 8px;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2)}.experience-task-progress{height:4px;border-radius:4px}.experience-task-list{gap:0;margin-top:8px}.experience-task-button{gap:10px;padding:11px 4px;border:0;border-bottom:1px solid var(--oc-color-stroke-neutral-muted);border-radius:0;background:transparent}.experience-task-button:hover{background:var(--oc-color-bg-neutral-weak)}.experience-task-check{width:22px;height:22px;border-radius:var(--oc-radius-full);color:var(--oc-color-fg-brand);background:var(--oc-color-bg-brand-weak);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-bold)}.experience-task-copy strong{font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold)}.experience-task-copy small{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2);line-height:1.5}#experienceTasksFinish{margin:12px 0 0;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2);line-height:1.6}.experience-task-fields{margin-top:14px}.experience-task-fields :is(input,textarea,button){font-size:var(--oc-font-size-t3)}#showcaseReplay{border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r4);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}.showcase-replay-head strong{font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold);letter-spacing:-.01em}#showcaseReplayPage{color:var(--oc-color-fg-brand);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}#showcaseReplayStatus{color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t3);line-height:1.55}.showcase-start-guide{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;border:0;border-radius:var(--oc-radius-r3);background:var(--oc-color-bg-brand-weak)}.showcase-start-guide button{width:100%;color:var(--oc-palette-static-white);background:var(--oc-color-bg-brand-solid)}.showcase-start-guide button:hover,#showcaseExperienceDirect:hover{background:var(--oc-color-bg-brand-solid-pressed)}#showcaseReplay{width:min(340px,calc(100% - 32px));padding:16px}.showcase-replay-head{display:flex;align-items:baseline;gap:8px}.showcase-start-guide-copy strong{font-size:var(--oc-font-size-t3);line-height:1.45}.showcase-start-guide-copy em{color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2);font-style:normal}.showcase-start-guide-copy span{font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}.showcase-start-guide button,#showcaseExperienceDirect{min-height:36px;padding:0 14px;border:0;border-radius:var(--oc-radius-r2);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold);box-shadow:0 2px 8px #0f52f53d}.showcase-replay-actions button{min-height:32px;padding:0 12px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}.showcase-experience-card{border-radius:20px}#playgroundFollowup{background:var(--oc-color-bg-overlay);backdrop-filter:blur(6px)}.playground-followup-card{width:min(500px,100%);padding:28px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:20px;background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}.playground-followup-head .eyebrow{margin:0 0 8px;color:var(--oc-color-fg-brand);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);letter-spacing:.04em}.playground-followup-head h2{font-size:var(--oc-font-size-t9);font-weight:var(--oc-font-weight-bold);line-height:1.3;letter-spacing:-.03em}.playground-followup-close{width:34px;height:34px;border:0;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-neutral-weak);font-size:var(--oc-font-size-t6)}.playground-followup-copy{margin:12px 0 20px;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t4);line-height:1.65}.playground-followup-email input{height:44px;border-color:var(--oc-color-stroke-neutral-weak);border-radius:10px;background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t4)}.playground-followup-email button{min-height:44px;padding:0 16px;border-radius:10px;background:var(--oc-color-bg-brand-solid);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold)}.playground-followup-email button:hover{background:var(--oc-color-bg-brand-solid-pressed)}.playground-followup-feedback{gap:8px;color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold)}.playground-followup-feedback small{color:var(--oc-color-fg-neutral-subtle);font-weight:var(--oc-font-weight-regular)}.playground-followup-feedback textarea{min-height:88px;border-color:var(--oc-color-stroke-neutral-weak);border-radius:10px;background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t4)}.playground-followup-consent{gap:10px;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2);line-height:1.6}.playground-followup-consent input{width:16px;height:16px;accent-color:var(--oc-color-fg-brand)}.playground-followup-message{font-size:var(--oc-font-size-t3)}.playground-followup-actions{gap:14px;margin-top:8px;padding-top:18px;border-top-color:var(--oc-color-stroke-neutral-muted)}.playground-followup-qr{border-color:#efe29a;border-radius:12px}.playground-followup-kakao-copy strong{font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold)}.playground-followup-kakao-copy span{color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2)}.playground-followup-actions a{min-height:42px;border:0;border-radius:10px;color:#191919;background:#fee500;font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold);box-shadow:none;transform:none}.playground-followup-actions a:hover,.playground-followup-actions a:focus-visible{background:#fde000;box-shadow:none;transform:none}#aiConnectBackdrop{top:var(--oc-topbar-h);right:0;bottom:var(--oc-bottombar-h);width:min(420px,100vw)}#aiConnectPanel{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;border-left:1px solid var(--oc-color-stroke-neutral-muted);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}.ai-connect-head{padding:20px 22px 16px;gap:14px;border-bottom:1px solid var(--oc-color-stroke-neutral-muted)}.ai-connect-head>div>span{color:var(--oc-color-fg-brand);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-bold);letter-spacing:.06em}.ai-connect-head h2{margin-top:6px;font-size:19px;font-weight:var(--oc-font-weight-bold);letter-spacing:-.02em}.ai-connect-head p{margin-top:6px;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t3);line-height:1.6}#aiConnectClose{display:grid;place-items:center;width:32px;min-width:32px;height:32px;padding:0;border:0;border-radius:var(--oc-radius-r2);background:var(--oc-color-bg-neutral-weak);font-size:0}#aiConnectClose:before{content:"";width:16px;height:16px;background:var(--oc-color-fg-neutral-muted);-webkit-mask:var(--oc-icon-close) center / contain no-repeat;mask:var(--oc-icon-close) center / contain no-repeat}.ai-connect-body{padding:0 22px 22px;gap:0}.ai-connection-journey,.ai-workbench-selection,.ai-workbench-compose,.ai-workbench-proposal{display:block;margin:0;padding:18px 0;border:0;border-bottom:1px solid var(--oc-color-stroke-neutral-muted);border-radius:0;background:transparent;box-shadow:none}.ai-connection-heading{margin:0 0 12px;align-items:center}.ai-connection-heading>div>span{display:none}.ai-connection-heading h3,.ai-connect-section-head h3,.ai-settings-entry h3{margin:0;font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold)}.ai-provider-state{padding:3px 8px;border-radius:var(--oc-radius-full);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-medium)}.ai-workbench-status{padding:12px 14px;border:0;border-radius:var(--oc-radius-r3);background:var(--oc-color-bg-neutral-weak)}.ai-workbench-status>div>span{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t1)}.ai-workbench-status strong{font-size:var(--oc-font-size-t3)}.ai-workbench-status p{margin-top:6px;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2);line-height:1.6}.ai-connect-setup{min-height:44px;margin-top:12px;padding:10px 14px;gap:4px;border-radius:var(--oc-radius-r2);box-shadow:none}.ai-connect-setup>span{font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold)}.ai-connect-setup small{font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-regular)}.oc-ai-setup-steps,.ai-connect-recovery,.ai-provider-alternatives,.oc-ai-alternatives,.oc-ai-output-options{margin:10px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}:is(.oc-ai-setup-steps,.ai-connect-recovery,.ai-provider-alternatives,.oc-ai-alternatives,.oc-ai-output-options)>summary{display:list-item;list-style:disclosure-closed inside;padding:7px 0;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-medium);cursor:pointer}:is(.oc-ai-setup-steps,.ai-connect-recovery,.ai-provider-alternatives,.oc-ai-alternatives,.oc-ai-output-options)[open]>summary{list-style-type:disclosure-open;color:var(--oc-color-fg-neutral)}.ai-provider-card{margin:0;padding:12px 0 6px;border:0;border-radius:0;background:none}.ai-provider-mark{width:32px;height:32px;border-radius:var(--oc-radius-r2);font-size:var(--oc-font-size-t1)}.ai-provider-card strong{font-size:var(--oc-font-size-t3)}.ai-provider-card>div>span,.ai-provider-support{font-size:var(--oc-font-size-t1)}.ai-connect-steps{margin:10px 0;gap:6px}.ai-connect-steps li{gap:6px;padding:8px 6px;border:0;border-radius:var(--oc-radius-r2);background:var(--oc-color-bg-neutral-weak)}.ai-connect-steps li>span{width:18px;height:18px;font-size:10px}.ai-connect-steps strong,.ai-connect-steps small{font-size:var(--oc-font-size-t1)}.ai-connect-recovery ol,.ai-provider-alternatives>div{padding:8px 12px;font-size:var(--oc-font-size-t2);line-height:1.75}.ai-connection-privacy{margin:12px 0 0;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2);line-height:1.7}.oc-ai-alternatives{margin:0;padding:8px 0;border-bottom:1px solid var(--oc-color-stroke-neutral-muted)}.ai-settings-entry{margin:0;padding:12px 0;border:0;border-radius:0;background:none}.ai-settings-entry p{font-size:var(--oc-font-size-t2);line-height:1.7}.ai-settings-entry-actions{gap:8px}.ai-settings-entry-actions>a,.ai-settings-entry-actions>button{padding:12px;border-radius:var(--oc-radius-r2);box-shadow:none}.ai-settings-entry-actions strong{font-size:var(--oc-font-size-t3)}.ai-settings-entry-actions small{font-size:var(--oc-font-size-t1)}.ai-connect-section-head>span,.ai-workbench-selection-head span{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t1)}.ai-workbench-selection-list{margin-top:12px}.ai-workbench-selection-empty{padding:16px 12px;border:1px dashed var(--oc-color-stroke-neutral-weak);border-radius:var(--oc-radius-r3);background:none}.ai-workbench-selection-empty b{font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold)}.ai-workbench-selection-empty span{font-size:var(--oc-font-size-t2);line-height:1.7}.ai-connect-context{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2)}#aiWorkbenchRegionSelect{padding:6px 10px;border-radius:var(--oc-radius-r2);font-size:var(--oc-font-size-t2)}.ai-workbench-presets{gap:6px;margin:12px 0 14px}.ai-workbench-presets button{padding:7px 11px;border:0;border-radius:var(--oc-radius-full);background:var(--oc-color-bg-neutral-weak);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-medium)}.ai-workbench-compose>label{color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2)}#aiWorkbenchPrompt{min-height:116px;padding:12px;border-color:var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r3);font-size:var(--oc-font-size-t3);line-height:1.65}.ai-workbench-output-route{margin-top:10px;padding:0;border:0;background:none}.ai-workbench-model-controls{gap:8px;padding:12px 0 0}.ai-workbench-model-controls select{padding:7px;border-radius:var(--oc-radius-r2);font-size:var(--oc-font-size-t2)}.ai-workbench-output-route label,.ai-workbench-model-controls label>span{font-size:var(--oc-font-size-t2)}.ai-workbench-output-route p,.ai-workbench-model-hint{font-size:var(--oc-font-size-t1);line-height:1.7}.ai-workbench-arrange{padding:10px;border-radius:var(--oc-radius-r2);font-size:var(--oc-font-size-t2)}.ai-workbench-run{min-height:44px;margin-top:14px;border-radius:var(--oc-radius-r2);font-size:var(--oc-font-size-t4);box-shadow:none}.ai-workbench-run small{font-size:var(--oc-font-size-t1)}.ai-connect-boundary{margin:0;padding:16px 0 0;border:0;border-radius:0;background:none}.ai-connect-boundary strong{font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}.ai-connect-boundary p{color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2);line-height:1.7}.ai-connect-foot{padding:12px 22px;font-size:var(--oc-font-size-t2)}.ai-connect-foot #aiConnectPersonal{padding:8px 10px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t2);box-shadow:none}.ai-connect-foot #aiConnectGuide{padding:4px 0;border:0;background:none;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2)}@media(min-width:901px){#app:not(.panel-left-collapsed):not(.panel-right-collapsed) #quickDock{left:calc((100% + var(--leftw) - var(--rightw))/2);max-width:calc(100% - var(--leftw) - var(--rightw) - 28px)}#app:not(.panel-left-collapsed).panel-right-collapsed #quickDock{left:calc((100% + var(--leftw))/2);max-width:calc(100% - var(--leftw) - 28px)}#app.panel-left-collapsed:not(.panel-right-collapsed) #quickDock{left:calc((100% - var(--rightw))/2);max-width:calc(100% - var(--rightw) - 28px)}}@media(min-width:901px)and (max-width:1280px){#topbar .global-search-trigger:after{display:none}#topbar .global-search-trigger,#topbar #btnActivity{width:32px;padding:0;justify-content:center;font-size:0}#topbar #btnActivity .activity-count{position:absolute;margin:-18px -18px 0 0;min-width:16px;height:16px;font-size:10px}#topbar #btnActivity{position:relative}}@media(min-width:901px)and (max-width:1200px){body[data-experience-shell="1"] #topbar{padding-left:232px}#topbar .doc-title{min-width:130px;width:160px}#topbar #btnSharedBrowser,#topbar .topbar-live-shortcut{display:none}.presence .chip{max-width:100px}#quickDock .qd-btn{width:34px;height:34px}}@media(max-width:900px){#experienceNav{max-width:none;width:100%;height:40px;padding:0 12px;border-bottom:1px solid var(--oc-color-stroke-neutral-muted);background:var(--oc-color-bg-layer-default)}#experienceNav .experience-brand{font-size:var(--oc-font-size-t4)}#experienceNav .experience-spacer{display:block}body[data-experience-shell="1"] #app{margin-top:40px;height:calc(100% - 40px)}body[data-experience-shell="1"] #topbar{padding-left:8px}#topbar{padding-right:8px;gap:4px}#topbar .doc-title{min-width:50px;width:auto;flex:1;font-size:var(--oc-font-size-t4)}.mobile-panel-toggle{height:34px;padding:0 10px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-layer-floating);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-medium)}#topbar .save-status{height:24px;font-size:var(--oc-font-size-t1);background:var(--oc-color-bg-layer-default);box-shadow:var(--oc-shadow-s2)}body[data-experience-shell="1"] #topbar .save-status{top:calc(var(--oc-topbar-h) + 48px)}.collaboration-trigger{padding:0 8px;height:32px;font-size:var(--oc-font-size-t2)}#topbar #btnSharedBrowser,#topbar .topbar-live-shortcut{display:none}.topbar-overflow-menu{min-width:220px;max-width:calc(100vw - 24px)}body[data-experience-shell="1"] #app #left,body[data-experience-shell="1"] #app #right{top:calc(var(--oc-topbar-h) + 40px)}#app.mobile-left-open #left,body[data-onecanvas-access=viewer] #app.mobile-left-open #left,body:not([data-onecanvas-access=viewer]) #app.mobile-right-open #right{display:flex}#app:not(.mobile-left-open) #left,#app:not(.mobile-right-open) #right{visibility:hidden;pointer-events:none}body[data-experience-shell="1"] #mobilePanelBackdrop{top:calc(var(--oc-topbar-h) + 40px)}#leftPanelToggle,#rightPanelToggle{display:none}#quickDock{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;left:12px;right:12px;transform:none;width:auto;max-width:none;overflow:visible;padding:5px;bottom:calc(var(--oc-bottombar-h) + 10px);border-radius:16px}#quickDock #quickToolPins{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;padding-right:12px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent)}#quickDock #quickToolPins::-webkit-scrollbar{display:none}#quickDock #quickToolPins .is-feature strong{display:inline}#quickDock #quickToolPins .is-feature{width:auto}#quickDock .qd-sep{display:none}#quickDock .qd-btn{min-width:44px;width:44px;height:44px;border-radius:12px}#quickDock .qd-btn.launcher{position:static;min-width:44px;width:44px;padding:0;justify-content:center;background:var(--oc-color-bg-neutral-weak);box-shadow:none}#quickDock #btnAiConnect{min-width:44px;width:44px;padding:0;justify-content:center;background:var(--oc-color-bg-brand-weak)}#quickDock #btnAiConnect .qd-icon{display:grid}#quickDock #btnAiConnect strong,#quickDock .qd-btn.launcher strong{display:none}#quickDock .ai-connect-trigger .qd-icon,#quickDock .launcher .qd-icon{width:18px;height:18px}.feature-launcher-head{grid-template-columns:minmax(0,1fr) 44px}.feature-grid{grid-template-columns:minmax(0,1fr)}#experienceTasks{top:48px;right:12px;bottom:auto;max-height:calc(100% - 124px);width:min(300px,calc(100% - 24px))}#experienceTasks.experience-tasks-collapsed{width:214px;padding:6px 8px 6px 12px}#app:is(.mobile-left-open,.mobile-right-open) #experienceTasks{display:none}#app:is(.mobile-left-open,.mobile-right-open) #quickDock{visibility:hidden}#aiConnectBackdrop{inset:0;width:auto;padding:0}#aiConnectPanel{width:min(420px,100%);max-width:100%;margin-left:auto}body.ai-connect-open #quickDock{visibility:hidden}.ai-connect-head{padding:18px 18px 14px}#aiConnectClose{min-width:44px;width:44px;height:44px}#inspector .fld :is(input,select,textarea){min-height:40px;font-size:var(--oc-font-size-t5)}.ai-connect-body{padding:0 18px 20px}.ai-connect-foot{padding:12px 18px}#topbar .topbar-overflow-menu #btnActivity{display:flex;gap:10px;width:100%}#topbar .topbar-overflow-menu .tbtn,#quickFeaturePins .qd-btn.is-feature{min-height:44px;font-size:var(--oc-font-size-t4)}.mobile-panel-toggle,#topbar>button,#topbar>.topbar-overflow>summary{min-width:44px;min-height:44px;flex-shrink:0}#topbar>.global-search-trigger{flex:0 0 44px;min-width:44px;width:44px;padding:0;justify-content:center;border:0;background:transparent;font-size:0}#topbar>.global-search-trigger:before{width:20px;height:20px}#topbar>.global-search-trigger:after{display:none}#minimapBox{bottom:calc(var(--oc-bottombar-h) + 78px)}#featureLauncherClose,.feature-pin{min-width:44px;min-height:44px}#bottombar #zoomOut,#bottombar #zoomIn{width:36px}#toasts{bottom:calc(var(--oc-bottombar-h) + 150px);width:calc(100% - 32px)}}@media(max-width:640px){#minimapBox,#topbar .logo{display:none}#topbar .doc-title{min-width:0;width:0;flex:1 1 0}#topbar .collaboration-trigger{min-width:44px;padding:0 8px;font-size:0}#topbar .collaboration-trigger>span{display:none}#topbar .topbar-overflow-trigger{min-width:44px}#topbar .mobile-panel-toggle{min-width:44px;padding:0 8px;font-size:var(--oc-font-size-t2)}#topbar{gap:3px;overflow:visible}#helpModal{padding:12px}#helpModal .modal-card{padding:0 16px 20px;max-height:calc(100dvh - 24px)}.help-head{margin:0 -16px 4px;padding:14px 10px 12px 16px}.help-foot{bottom:-20px;margin:16px -16px -20px;padding:12px 16px}#helpModal table td:first-child{width:auto}#helpModal table td,#helpModal table th{padding:8px 5px}#focus .pro-workbench{display:block;overflow-y:auto}#focus .pro-editor-panel{overflow:visible;border-right:0;border-bottom:1px solid var(--oc-color-stroke-neutral-muted)}#focus .pro-code-panel textarea{min-height:160px;height:160px}#focus .pro-live-preview{min-height:480px;padding:12px}#focus .pro-live-preview>iframe{height:560px}}@media(prefers-reduced-motion:reduce){#quickDock,.topbar-overflow-menu,.workspace-panel-toggle,#experienceTasks,.feature-entry{transition:none;animation:none}}#insertMenu #dockBundleEditor input:focus-visible{outline:2px solid var(--oc-color-fg-brand);outline-offset:2px}