:is(.feature-entry[data-entry-id=templates]){--oc-i: var(--oc-icon-layout)}:is(.feature-entry[data-entry-id=saveTemplate]){--oc-i: var(--oc-icon-star)}.template-modal .oc-ico[data-i=star]{--oc-i: var(--oc-icon-star)}.template-modal .oc-ico[data-i=history]{--oc-i: var(--oc-icon-history)}.template-modal .oc-ico[data-i=nodes]{--oc-i: var(--oc-icon-nodes)}.template-modal .oc-ico[data-i=mic]{--oc-i: var(--oc-icon-mic)}.template-modal .oc-ico[data-i=sparkle]{--oc-i: var(--oc-icon-sparkle)}.template-modal{z-index:240;padding:24px}.template-modal [hidden]{display:none!important}.template-card{display:flex;flex-direction:column;width:min(1040px,100%);max-height:min(820px,calc(100dvh - 48px));overflow:hidden;color:var(--oc-color-fg-neutral);font-family:var(--oc-font-family)}.template-head{display:flex;align-items:center;gap:14px;padding:20px 22px 12px}.template-title{margin:0;font-size:var(--oc-font-size-t8);font-weight:var(--oc-font-weight-bold);letter-spacing:-.02em}.template-search{max-width:280px;margin-left:auto}.template-tabs{display:flex;gap:4px;padding:0 18px;border-bottom:1px solid var(--oc-color-stroke-neutral-muted)}.template-tab{min-height:42px;padding:0 14px;border:0;background:none;color:var(--oc-color-fg-neutral-subtle);box-shadow:inset 0 -2px 0 transparent;font:700 var(--oc-font-size-t4) var(--oc-font-family);cursor:pointer}.template-tab:hover{color:var(--oc-color-fg-neutral)}.template-tab[aria-selected=true]{color:var(--oc-color-fg-neutral);box-shadow:inset 0 -2px 0 var(--oc-color-fg-neutral)}.template-body{flex:1;min-height:0;overflow:auto;padding:18px 22px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.template-tile{display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r4);background:var(--oc-color-bg-layer-default);color:inherit;text-align:left;cursor:pointer;transition:border-color var(--oc-duration-d3),box-shadow var(--oc-duration-d3),transform var(--oc-duration-d3)}.template-tile:hover,.template-tile:focus-visible{border-color:var(--oc-color-stroke-brand-weak);box-shadow:var(--oc-shadow-s2);transform:translateY(-2px);outline:none}.template-thumb{display:block;aspect-ratio:240 / 140;background:var(--oc-color-bg-layer-fill);border-bottom:1px solid var(--oc-color-stroke-neutral-muted)}.template-thumb svg{display:block;width:100%;height:100%}.template-meta{display:grid;gap:4px;padding:12px 14px 14px}.template-name{display:flex;align-items:center;gap:7px;font-size:var(--oc-font-size-t4)}.template-name .oc-ico{color:var(--oc-color-fg-brand);font-size:16px}.template-summary{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2);line-height:1.5;word-break:keep-all}.template-badge{justify-self:start;margin-top:2px;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-bold)}.template-empty{margin:40px auto;max-width:420px;color:var(--oc-color-fg-neutral-subtle);text-align:center;line-height:1.7;word-break:keep-all}.template-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px 16px;border-top:1px solid var(--oc-color-stroke-neutral-muted)}.template-foot-note{color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2)}.template-detail-head{position:sticky;top:-18px;z-index:3;margin-top:-18px;padding:18px 0 2px;background:var(--oc-color-bg-layer-floating)}.template-detail-head h3{margin:6px 0 4px;font-size:var(--oc-font-size-t7)}.template-detail-head p{margin:0 0 16px;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t3)}.template-back{padding:0;border:0;background:none;color:var(--oc-color-fg-brand);font:700 var(--oc-font-size-t3) var(--oc-font-family);cursor:pointer}.template-detail-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr);gap:22px;align-items:start}.template-preview{position:sticky;top:calc(var(--head-h, 0px) - 12px);overflow:hidden;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r4);background:var(--oc-color-bg-layer-fill)}.template-preview svg{display:block;width:100%;height:auto}.template-form{display:grid;gap:14px}.template-field{display:grid;gap:6px}.template-label{color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}.template-people{display:grid;gap:6px}.template-person{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}.template-person-count{min-width:52px;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t2);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.template-person-remove{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral-subtle);background:none;cursor:pointer}.template-person-remove:before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--oc-icon-close) center / contain no-repeat;mask:var(--oc-icon-close) center / contain no-repeat}.template-person-remove:hover{color:var(--oc-color-fg-critical);background:var(--oc-color-bg-neutral-weak)}.template-person-add{justify-self:start;min-height:34px;padding:0 12px;border:1px dashed var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-brand);background:none;font:700 var(--oc-font-size-t2) var(--oc-font-family);cursor:pointer}.template-person-add:disabled{opacity:.45;cursor:not-allowed}.template-hint{margin:6px 0 0;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t1);line-height:1.6;word-break:keep-all}.template-palettes{display:flex;flex-wrap:wrap;gap:6px}.template-palette{display:inline-flex;align-items:center;gap:3px;min-height:36px;padding:0 12px 0 8px;border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-full);background:var(--oc-color-bg-layer-default);color:var(--oc-color-fg-neutral);font:600 var(--oc-font-size-t2) var(--oc-font-family);cursor:pointer}.template-palette i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.template-palette span{margin-left:5px}.template-palette[aria-pressed=true]{border-color:var(--oc-color-stroke-brand-solid);box-shadow:0 0 0 2px var(--oc-color-bg-brand-weak)}.template-zones{display:grid;gap:6px}.template-check{display:flex;align-items:center;gap:8px;font-size:var(--oc-font-size-t3)}.template-where{max-width:320px}.template-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.template-note{margin:0;padding:12px 14px;border-radius:var(--oc-radius-r3);color:var(--oc-color-fg-neutral-muted);background:var(--oc-color-bg-layer-fill);font-size:var(--oc-font-size-t2);line-height:1.65;word-break:keep-all}.template-ghost{position:absolute;top:0;left:0;z-index:30;overflow:hidden;border-radius:12px;outline:2px dashed var(--oc-color-stroke-brand-solid);outline-offset:4px;background:color-mix(in srgb,var(--oc-color-bg-brand-weak) 35%,transparent);opacity:.6;pointer-events:none}.template-ghost svg{display:block;width:100%;height:100%}.template-place-hint{position:absolute;top:16px;left:50%;z-index:31;display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:var(--oc-radius-full);color:#fff;background:var(--oc-color-bg-brand-solid);box-shadow:var(--oc-shadow-s3);font:600 var(--oc-font-size-t3) var(--oc-font-family);white-space:nowrap;transform:translate(-50%);pointer-events:none}.template-place-hint span{opacity:.85;font-weight:500}body.template-placing #stage,body.template-placing #stage *{cursor:copy!important}.empty-start{position:absolute;left:50%;top:calc(44% + 54px);z-index:4;display:none;flex-wrap:wrap;justify-content:center;gap:8px;width:min(520px,calc(100% - 32px));transform:translate(-50%)}.empty-start button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--oc-color-stroke-neutral-weak);border-radius:var(--oc-radius-r3);color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-layer-default);font:var(--oc-font-weight-medium) var(--oc-font-size-t4) var(--oc-font-family);cursor:pointer;transition:background var(--oc-duration-d3) var(--oc-timing-function-easing),border-color var(--oc-duration-d3) var(--oc-timing-function-easing)}.empty-start button:hover{border-color:var(--oc-color-stroke-neutral-solid);background:var(--oc-color-bg-layer-fill)}.empty-start button:active{transform:scale(.98)}.empty-start .oc-ico{color:var(--oc-color-fg-neutral-muted);font-size:16px}.empty-start .template-start{border-color:transparent;color:var(--oc-palette-static-white);background:var(--oc-color-bg-brand-solid);font-weight:var(--oc-font-weight-bold)}.empty-start .template-start:hover{border-color:transparent;background:var(--oc-color-bg-brand-solid-pressed)}.empty-start .template-start .oc-ico{color:inherit}body:not([data-onecanvas-access=viewer]):not(.interactive-demo) #app:not(:has(#saveStatus[data-state=readonly])):has(#layerList:empty):not(:has(#world .item)) .empty-start{display:flex;animation:oc-empty-in var(--oc-duration-d4) var(--oc-timing-function-easing) 1.2s both}@media(max-width:720px){.template-modal{padding:0}.template-card{max-height:100dvh;height:100dvh;border-radius:0}.template-head{flex-wrap:wrap}.template-search{order:3;max-width:none;margin-left:0}.template-tabs{overflow-x:auto}.template-detail-columns{grid-template-columns:minmax(0,1fr)}.template-preview{position:static}.template-place-hint span{display:none}.template-foot{flex-direction:column;align-items:stretch}}.template-where button:disabled{opacity:.45;cursor:not-allowed}