.animation-panel.animation-panel-reference{--timeline-green:var(--color-primary, #5fd096);--timeline-ink:var(--text-primary, #1a1a1a);--timeline-border:var(--border-default, #e5e5e2);padding:20px;background:#fff;border:1px solid var(--timeline-border);border-radius:14px;color:var(--timeline-ink);container-type:inline-size}.animation-panel-reference .preview-heading{align-items:flex-start;min-height:38px;padding:0;margin-bottom:18px}.animation-panel-reference .animation-heading-copy{position:relative;padding-left:13px}.animation-panel-reference .animation-heading-copy:before{content:"";position:absolute;left:0;top:5px;width:3px;height:18px;background:var(--timeline-green);border-radius:2px}.animation-panel-reference .animation-heading-copy h2{font-size:18px;line-height:24px;font-weight:600;margin:0}.animation-panel-reference .animation-heading-copy p{margin:3px 0 0;font-size:12px;color:#78817d;line-height:18px}.animation-panel-reference .preview-heading>button{display:flex;gap:8px;align-items:center;padding:3px 0;background:transparent;border:0;color:#69736f;font-size:12px}.animation-panel-reference .animation-transport{padding:0 0 14px;gap:12px;flex-wrap:wrap}.animation-panel-reference .animation-transport>input[type=range]{appearance:none;-webkit-appearance:none;min-width:100px;flex:1;height:24px;margin:0;background:transparent;cursor:pointer;border:0;box-shadow:none;accent-color:var(--timeline-green)}.animation-panel-reference .animation-transport>input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:9px;background:linear-gradient(to right,var(--color-primary, #5fd096) 0 var(--played),#f0f1f0 var(--played) 100%);box-shadow:inset 0 0 0 1px #d4d9d6}.animation-panel-reference .animation-transport>input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;background:var(--color-primary, #5fd096);border:0;border-radius:50%;box-shadow:0 1px 3px #20302c18}.animation-panel-reference .animation-transport>input[type=range]::-moz-range-track{height:6px;border-radius:9px;background:#f0f1f0;border:1px solid #d4d9d6}.animation-panel-reference .animation-transport>input[type=range]::-moz-range-progress{height:6px;background:var(--color-primary, #5fd096);border-radius:9px}.animation-panel-reference .animation-transport>input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary, #5fd096);border:0;border-radius:50%}.animation-panel-reference .animation-transport output{font-size:12px;font-variant-numeric:tabular-nums;color:#27352f;white-space:nowrap}.animation-panel-reference .animation-transport output strong{font-weight:500;color:#168158}.animation-panel-reference .animation-control-group{gap:10px;flex-shrink:0}.animation-panel-reference .animation-control-group label{font-size:12px;color:#34413b}.animation-panel-reference input[type=checkbox]{-webkit-appearance:auto;appearance:auto;accent-color:#28b17a;width:16px;height:16px;border-radius:4px;flex-shrink:0}.animation-panel-reference .animation-duration-inline input[type=number]{width:58px;height:34px;border:1px solid var(--timeline-border);border-radius:8px;background:#fff;font-size:13px;padding:5px 8px}.animation-panel-reference .animation-control-group>button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:7px;border:1px solid var(--timeline-border);border-radius:8px;background:#f5f6f5;color:#42504a}.animation-panel-reference .animation-control-group>.animation-play{background:var(--color-primary, #5fd096);border-color:var(--color-primary, #5fd096);color:#153e2b;box-shadow:0 0 0 3px #e5f6ee}.animation-panel-reference .animation-play svg{fill:currentColor;width:17px;height:17px}.animation-panel-reference .timeline-ruler{position:relative;display:block;height:44px;margin:2px 0 0;padding:0;color:#7c8581;touch-action:none;cursor:crosshair;font-size:12px}.animation-panel-reference .timeline-ruler>span{position:absolute;top:3px;transform:translate(-50%);white-space:nowrap;font-variant-numeric:tabular-nums}.animation-panel-reference .timeline-ruler>span:first-child{transform:none}.animation-panel-reference .timeline-ruler>span:nth-child(5){transform:translate(-100%)}.animation-panel-reference .timeline-ticks{position:absolute;bottom:0;left:0;right:0;height:14px;pointer-events:none}.animation-panel-reference .timeline-ticks i{position:absolute;bottom:0;height:7px;border-left:1px solid #e5e8e6}.animation-panel-reference .timeline-ticks i.major{height:14px;border-color:#cdd4d0}.animation-panel-reference .timeline-row{margin:0 0 8px}.animation-panel-reference .timeline-track{height:44px;border:1px solid #e4e7e5;border-radius:9px;background:repeating-linear-gradient(to right,#f4f5f4 0 calc(5% - 1px),#e7eae8 calc(5% - 1px) 5%)}.animation-panel-reference .timeline-clip{top:2px;height:38px;min-width:9px;border:1px solid #afbbb5;background:#e7eeea;border-radius:7px;align-items:center;overflow:hidden;box-sizing:border-box}.animation-panel-reference .selected .timeline-clip{outline:0;border-color:var(--color-primary, #5fd096);box-shadow:0 0 0 1px var(--color-primary, #5fd096);background:var(--color-primary-light, #e5f6ec)}.animation-panel-reference .clip-phases{border-radius:6px}.animation-panel-reference .clip-phases i{border-right:1px solid #a8b8af45}.animation-panel-reference .clip-phases i:nth-child(1),.animation-panel-reference .clip-phases i:nth-child(4){background:#fff5}.animation-panel-reference .clip-phases i:nth-child(2){background:#91ac9a20}.animation-panel-reference .clip-phases i:nth-child(3){background:#ffffff35}.animation-panel-reference .clip-handle{color:#217d58;width:18px;height:100%;font-size:16px;font-weight:700;flex-shrink:0}.animation-panel-reference .clip-label{display:flex;justify-content:center;align-items:center;gap:8px;min-width:0;color:#294238;font-size:12px;padding:0 4px;z-index:1}.animation-panel-reference .clip-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.animation-panel-reference .clip-label>svg{flex-shrink:0;color:#5d7b6a}.animation-panel-reference .timeline-playhead{background:var(--color-primary-dark, #238a5b);width:2px;top:-5px;bottom:-5px;z-index:3}.animation-panel-reference .animation-element-settings{display:block;min-width:0;margin:20px 0 0;padding:14px;border:1px solid var(--timeline-border);border-radius:12px;background:#fff}.animation-panel-reference .animation-asset-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #eceeec}.animation-panel-reference .animation-asset-summary{display:flex;align-items:center;gap:12px;min-width:160px;flex:1}.animation-panel-reference .animation-asset-thumbnail{width:58px;height:58px;border:1px solid #e2e5e3;border-radius:9px;padding:6px;background:#f1f2f1;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#939d97}.animation-panel-reference .animation-asset-thumbnail img{width:100%;height:100%;object-fit:contain;border-radius:4px;background:repeating-conic-gradient(#dfe3df 0 25%,#fff 0 50%) 0/12px 12px}.animation-panel-reference .animation-asset-info{min-width:0}.animation-panel-reference .animation-asset-info h3{font-size:14px;font-weight:500;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.animation-panel-reference .animation-asset-info p{font-size:11px;color:#7b8580;margin:4px 0 0;font-variant-numeric:tabular-nums}.animation-panel-reference .animation-action-row{display:flex;gap:8px;padding:0;flex-shrink:0}.animation-panel-reference .animation-action-row button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--timeline-border);border-radius:8px;min-height:34px;padding:7px 10px;background:#f8f9f8;color:#35463d;font-size:12px;white-space:nowrap}.animation-panel-reference .animation-action-row .animation-delete{color:#d83939;background:#fff}.animation-panel-reference .animation-effect-row{gap:14px;padding-bottom:16px}.animation-panel-reference .animation-settings label{font-size:12px;gap:7px;color:#34423a}.animation-panel-reference .animation-effect-row select{height:36px;padding:5px 10px;border:1px solid var(--timeline-border);border-radius:7px;background:#fff;font-size:13px;color:#34423a}.animation-panel-reference .animation-timing-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow:visible;padding:0}.animation-panel-reference .animation-timing-row label{white-space:nowrap;min-width:0}.animation-panel-reference .animation-number{position:relative;display:block;min-width:0}.animation-panel-reference .animation-timing-row input[type=number]{height:36px;width:100%;min-width:0;padding:5px 25px 5px 10px;font-size:13px;border:1px solid var(--timeline-border);border-radius:7px;background:#fff;color:#34423a;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.animation-panel-reference .animation-timing-row input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.animation-panel-reference .animation-number>span{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:11px;color:#818a85;pointer-events:none}.animation-panel-reference .animation-timing-row .animation-follow{grid-column:1/-1;display:flex;flex-direction:row;min-height:26px;align-items:center;gap:8px}.animation-panel-reference .animation-follow svg{color:#87928b;flex-shrink:0}.animation-panel-reference button:focus-visible,.animation-panel-reference input:focus-visible,.animation-panel-reference select:focus-visible,.animation-panel-reference [role=slider]:focus-visible,.animation-panel-reference [role=button]:focus-visible{outline:2px solid var(--color-primary-dark, #238a5b);outline-offset:3px}.animation-panel-reference button:hover:not(:disabled){filter:brightness(.97)}@container (min-width:650px){.animation-panel-reference .animation-timing-row{grid-template-columns:repeat(5,minmax(0,1fr)) 1.5fr}.animation-panel-reference .animation-timing-row .animation-follow{grid-column:auto;height:36px}}@container (max-width:600px){.animation-panel-reference .animation-asset-summary{flex-basis:100%}.animation-panel-reference .animation-action-row{width:100%}.animation-panel-reference .animation-action-row button{flex:1}.animation-panel-reference .animation-effect-row{gap:8px}.animation-panel-reference .animation-timing-row{grid-template-columns:repeat(3,minmax(0,1fr))}.animation-panel-reference .animation-control-group{margin-left:auto}.animation-panel-reference .animation-transport{gap:10px}}@media(max-width:600px){.animation-panel.animation-panel-reference{padding:14px}.animation-panel-reference .animation-heading-copy h2{font-size:16px}.animation-panel-reference .animation-control-group{gap:8px}.animation-panel-reference .animation-control-group label{font-size:11px}.animation-panel-reference .animation-asset-info h3{font-size:13px}}@media(pointer:coarse){.animation-panel-reference .animation-control-group>button,.animation-panel-reference .animation-action-row button,.animation-panel-reference .animation-effect-row select,.animation-panel-reference .animation-timing-row input[type=number],.animation-panel-reference .animation-duration-inline input[type=number]{min-height:44px}.animation-panel-reference .animation-control-group>button{min-width:44px}.animation-panel-reference .clip-handle{width:24px}.animation-panel-reference .timeline-track{height:50px}.animation-panel-reference .timeline-clip{height:44px}.animation-panel-reference .animation-transport>input[type=range]{height:36px}}.collab-panel{max-height:90dvh;overflow:auto;width:min(560px,94vw)}.collab-panel label{display:grid;gap:7px;margin:14px 0 8px}.collab-panel input{width:100%;padding:12px;border:1px solid #c7d1c0;border-radius:8px}.collab-panel form{margin:18px 0}.collab-panel button{padding:9px 12px;margin:4px 0}.collab-tabs{display:flex;gap:10px}.collab-tabs [aria-pressed=true]{background:#d5f28c}.collab-message{white-space:pre-wrap;color:#7d4228}.cloud-room{border:1px solid #c7d1c0;padding:16px;border-radius:12px}.cloud-room code{overflow-wrap:anywhere}.collab-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#e9f2db;padding:8px 20px;font-size:13px}.collab-banner.is-error{background:#fff0df}.collab-banner button{border:1px solid #a5b698;border-radius:6px;padding:6px 10px}.collab-banner .cloud-members{margin-left:auto}.collab-panel .row-between{gap:12px;margin:10px 0;overflow-wrap:anywhere}@media(max-width:760px){.collab-panel input{font-size:16px;min-height:44px}.collab-panel button{min-height:44px}.collab-panel .row-between{flex-wrap:wrap}.collab-banner{padding:10px 12px}.collab-banner .cloud-members{margin-left:0;width:100%}}.modal.collab-panel{width:min(760px,100%);padding:28px;border:1px solid var(--border-default);border-radius:16px;background:var(--bg-panel);max-height:90dvh;color:var(--text-primary)}.collab-panel .collab-heading{display:flex;gap:20px;align-items:flex-start;margin-bottom:28px}.collab-heading-icon{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:12px;background:var(--color-primary-light);color:var(--color-primary-dark)}.collab-heading>div{flex:1;min-width:0}.collab-panel .collab-heading h2{font-size:26px;font-weight:500;margin:0 0 8px}.collab-panel .collab-heading p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6}.collab-panel .collab-heading>button{margin:0;padding:6px;min-width:36px;background:transparent;border-color:transparent;color:var(--text-secondary)}.collab-panel .cloud-room{border:0;padding:0;border-radius:0}.collab-project-card{display:flex;gap:24px;padding:20px;border:1px solid var(--border-default);border-radius:12px;background:var(--bg-secondary);align-items:center}.collab-project-thumbnail{width:140px;height:140px;flex:none;border-radius:8px;background:#17252b;overflow:hidden;display:flex;align-items:center;justify-content:center}.collab-project-thumbnail canvas{display:block;width:100%;height:100%;object-fit:contain}.collab-project-details{flex:1;min-width:0}.collab-panel h3{font-size:17px;font-weight:500;margin:0}.collab-project-details h3{overflow-wrap:anywhere;margin-bottom:12px}.collab-panel .collab-project-details label{margin:0 0 6px;color:var(--text-secondary);font-size:13px}.collab-invite-field{display:flex;gap:8px;align-items:center}.collab-panel .collab-invite-field input{min-width:0;flex:1;font-family:ui-monospace,monospace;font-size:15px;height:42px;padding:8px 12px;border:1px solid var(--border-default);background:var(--bg-panel);border-radius:8px}.collab-panel .collab-invite-field button{width:42px;height:42px;margin:0;flex:none;padding:0;justify-content:center}.collab-project-details p{margin:8px 0 0;color:var(--text-secondary);font-size:13px}.collab-member-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;gap:12px}.collab-member-heading h3{font-size:17px}.collab-panel .collab-invite-button{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:transparent}.collab-member-list{border:1px solid var(--border-default);border-radius:12px;padding:0 16px}.collab-member{display:flex;align-items:center;gap:16px;padding:16px 0}.collab-member+.collab-member{border-top:1px solid var(--border-default)}.collab-avatar{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d9e8dc;border-radius:50%;background:#edf6ed;color:#286440;font-size:22px;font-weight:500;flex:none}.collab-avatar.tone-1{background:#edf5fa;border-color:#dce8ed;color:#336780}.collab-avatar.tone-2{background:#f3eff8;border-color:#e7dff1;color:#70518a}.collab-member-info{flex:1;min-width:0}.collab-member-info b{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere}.collab-member-info small{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--text-secondary);font-size:13px}.collab-member-info i{width:7px;height:7px;background:var(--text-tertiary);border-radius:50%}.collab-member-info i.online{background:var(--color-success)}.collab-owner{display:flex;align-items:center;gap:6px;background:var(--color-primary-light);border-radius:20px;padding:6px 12px;font-size:13px;color:var(--color-primary-dark)}.collab-leave-card{display:flex;align-items:center;gap:16px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;padding:20px;margin-top:20px}.collab-leave-card>svg{flex:none;color:var(--text-secondary)}.collab-leave-card>div{flex:1}.collab-leave-card p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:6px 0 0}.collab-leave-card h3{font-size:15px}.collab-leave-card button{flex:none}.collab-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.collab-footer a{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.collab-footer>div{display:flex;gap:8px}.collab-panel .collab-message{font-size:13px;color:var(--text-secondary);margin:16px 0 0}.collab-panel input{border-color:var(--border-default);border-radius:6px}.collab-panel .collab-tabs [aria-pressed=true]{background:var(--color-primary-light);color:var(--color-primary-dark)}@media(max-width:600px){.modal.collab-panel{padding:20px;border-radius:12px}.collab-panel .collab-heading{gap:12px;margin-bottom:20px}.collab-heading-icon{width:44px;height:44px}.collab-panel .collab-heading h2{font-size:22px}.collab-project-card{padding:14px;gap:12px}.collab-project-thumbnail{width:64px;height:80px}.collab-panel .collab-invite-field input{font-size:14px;min-height:44px}.collab-project-details h3{font-size:16px}.collab-panel .collab-invite-field button{width:44px;height:44px}.collab-member{gap:10px}.collab-avatar{width:36px;height:36px;font-size:18px}.collab-member-list{padding:0 12px}.collab-member-info b{font-size:14px}.collab-member button{font-size:12px;padding:8px}.collab-owner{font-size:12px;padding:6px 8px}.collab-leave-card{flex-wrap:wrap;padding:14px;gap:12px}.collab-leave-card>div{flex-basis:75%}.collab-leave-card button{margin-left:auto}.collab-footer{flex-wrap:wrap}.collab-panel button{min-height:44px}}.modal.collab-panel{max-width:760px}.collab-panel .ui-button{border:1px solid var(--border-default)}.collab-panel .collab-heading>button{border-color:transparent}.collab-panel .collab-invite-button{background:var(--color-primary-light);border-color:transparent;color:var(--color-primary-dark)}.research-panel{max-width:760px!important;width:calc(100vw - 32px);max-height:90dvh;overflow:auto}.research-panel p{font-size:13px;line-height:1.6}.research-panel button{padding:9px 12px;border:1px solid #cbd3ce;border-radius:8px;background:#f6f9f2;color:#23332d}.research-panel input{width:100%;padding:9px;border:1px solid #bcc9bf;border-radius:7px}.research-actions{display:flex;flex-wrap:wrap;align-items:end;gap:9px;margin:12px 0}.research-panel fieldset{margin:14px 0;display:grid;gap:10px;border:1px solid #cbd3ce}.research-panel details{margin:18px 0}.research-timeline{padding:0;list-style:none}.research-timeline li{display:flex;gap:16px;border-bottom:1px solid #e3e8e1;padding:10px 0;font-size:13px}.research-timeline time{color:#637267;min-width:145px}.research-warning{padding:8px 16px;background:#fff3d6;color:#5e420b;font-size:13px}.collector-banner{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;background:#edf4e8;padding:8px 16px;font-size:13px}.collector-banner button{padding:7px 14px;border:1px solid #b4c5aa;border-radius:8px;background:#fff}.collector-panel{margin:12px 0;padding:16px;border:1px solid #b4c5aa;border-radius:10px}.collector-panel label{display:grid;gap:6px;margin:10px 0}.collector-panel .consent-check{display:flex;align-items:flex-start;gap:8px}.collector-panel .consent-check input{width:auto;flex-shrink:0}.collector-panel p{line-height:1.6}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#243432;background:#f7f8f4;font-synthesis:none;font-size:13px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.32;cursor:default}button:not(:disabled):hover{filter:brightness(.94)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #77965a;outline-offset:3px}input,textarea,select{color:inherit}input,textarea{border:1px solid #dee3d9;border-radius:6px;background:#fff;padding:9px;min-width:0;width:100%}input[type=checkbox]{accent-color:#62834f}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-1px;font-weight:600;margin-top:10px}h2{font-size:16px;font-weight:550;margin-top:7px}h3{font-size:15px;margin-top:10px;font-weight:600}p{line-height:1.8}.topbar{height:72px;background:#fff;border-bottom:1px solid #e2e6df;display:flex;align-items:center;padding:0 24px;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:36px;height:38px;border-radius:10px;background:#d5f28c;display:grid;place-items:center}.brand b{font-size:20px;letter-spacing:2px;line-height:1}.brand b span{display:block;font-size:8px;letter-spacing:1.5px;margin-top:7px;font-weight:500}.project-title{display:flex;align-items:center;gap:20px;min-width:0}.project-title button{font-size:12px;white-space:nowrap;max-width:300px;overflow:hidden}.divider{height:24px;width:1px;background:#e3e6df}.phase{font-size:9px;letter-spacing:.7px;background:#f2f4ed;border:1px solid #e0e6d7;padding:4px 6px;border-radius:4px;white-space:nowrap;color:#6b7864}.top-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.save-status{font-size:11px;color:#7a867b;display:flex;align-items:center;gap:6px;white-space:nowrap}.save-status>span,.local-dot{width:5px;height:5px;display:inline-block;background:#87aa59;border-radius:50%;flex-shrink:0}.save-status.failed{color:#b84a31}.save-button{background:#24342d;color:#fff;border-radius:6px;padding:10px 14px;font-size:12px;white-space:nowrap}.icon-button{padding:6px;color:#7a8377}.app-body{display:grid;grid-template-columns:240px minmax(0,1fr) 240px;min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid #e2e6df;background:#fff;display:flex;flex-direction:column}.side-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font-size:12px;font-weight:550;border-bottom:1px solid #eef0eb;min-height:58px}.side-tabs{display:flex;padding:14px 16px 0;gap:8px}.side-tabs button{width:50%;padding:9px;border-radius:6px;font-size:12px;color:#819077}.side-tabs button.active{background:#eef2e6;color:#334831}.side-tabs small{background:#dee7cf;border-radius:4px;padding:1px 4px}.side-section{padding:24px 20px;border-bottom:1px solid #edf0e8}.eyebrow{font-family:monospace;font-size:9px;letter-spacing:1.5px;color:#8a9785;font-weight:500}.muted{font-size:11px;color:#8a9487;margin-top:8px}.field-label{display:block;font-size:11px;color:#74816e;margin-top:20px}.field-label input,.field-label textarea{margin-top:8px;color:#354731;font-size:12px}.field-label textarea{min-height:90px;resize:vertical}.room-diagram{margin:20px 0 15px;text-align:center}.room-diagram svg{display:block;width:100%;height:115px;overflow:visible}.room-diagram text{font-size:8px;fill:#7b8b71}.room-diagram>span{font-family:monospace;font-size:8px;letter-spacing:1.5px;color:#9ea997}.dimension-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.number-field{display:block;font-size:10px;color:#84917c}.number-field span{display:block;margin-bottom:6px}.number-field input{font-family:monospace;font-size:12px;padding:8px 6px;color:#3c4c36}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.count{font-size:9px;color:#84917c;white-space:nowrap}.surface-list{margin-top:14px;display:grid;gap:6px}.surface-row{display:flex;align-items:center;gap:10px;position:relative;padding:9px 10px;border:1px solid #e7eade;border-radius:6px;opacity:.55;cursor:pointer}.surface-row.enabled{background:#f8faf4;opacity:1}.surface-row>input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer;margin:0}.surface-row:focus-within{outline:2px solid #83a261}.surface-letter{height:26px;width:26px;border:1px solid #dce5d2;border-radius:4px;display:grid;place-items:center;font:11px monospace;color:#7c8b70;background:#fff}.surface-row b{display:block;font-size:11px;font-weight:500}.surface-row small{display:block;font:9px monospace;color:#8a9580;margin-top:3px}.checkmark{margin-left:auto;width:15px;height:15px;border-radius:4px;background:#edf1e5;color:#506b36;display:grid;place-items:center}.enabled .checkmark{background:#dcebac}.microcopy{font-size:10px;color:#929d8b;line-height:1.85;margin-top:13px}.side-footer{margin-top:auto;padding:24px 20px;display:flex;gap:9px;align-items:flex-start}.side-footer .local-dot{margin-top:4px}.side-footer b{display:block;font-size:10px;font-weight:400;color:#7d8b73}.side-footer small{display:block;font-size:9px;color:#a2ac9a;margin-top:6px}main{padding:29px 28px 18px;min-width:0;background:#f6f7f2}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:14px}.quiet-button{border:1px solid #dbe1d5;border-radius:6px;padding:9px 12px;font-size:11px;background:#fff;white-space:nowrap}.canvas-card{border:1px solid #dce2d6;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 3px 10px #32421a03}.canvas-topbar{display:flex;justify-content:space-between;align-items:center;height:54px;padding:0 16px;border-bottom:1px solid #e7ebe2;gap:8px}.view-tabs{display:flex;align-items:center;gap:8px}.view-tabs button{padding:8px 10px;border-radius:5px;font-size:11px;white-space:nowrap}.view-tabs button.active{background:#edf2e5;color:#4a6337}.view-tabs select{border:0;background:transparent;font-size:11px;width:97px;padding:8px 0;cursor:pointer;color:#8b9683}.canvas-size{font:10px monospace;color:#536347;white-space:nowrap}.canvas-size span{display:block;font:9px sans-serif;color:#a3ad9b;text-align:right;margin-top:3px}.toolbar{min-height:50px;padding:7px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #e5e9df}.tool-group{display:flex;align-items:center;gap:3px}.tool-group button{width:30px;height:32px;border-radius:5px;color:#88937e}.tool-group button.active{background:#e9efdf;color:#3c562d}.tool-divider{width:1px;background:#e1e6d9;height:20px;margin:0 5px}.zoom-label{font:10px monospace;color:#697861;min-width:32px;text-align:center}.stage{position:relative;height:420px;background-color:#f0f3ec;background-image:radial-gradient(#a3b08e40 .7px,transparent .7px);background-size:16px 16px;overflow:hidden}.stage>canvas{width:100%;height:100%;display:block;touch-action:none;cursor:default}.tool-pan>canvas{cursor:grab}.tool-draw>canvas{cursor:crosshair}.stage-badge{position:absolute;top:18px;left:20px;display:flex;align-items:center;gap:7px;font:8px monospace;letter-spacing:1px;color:#819075;pointer-events:none}.stage-badge>span{width:5px;height:5px;background:#91a77a;border-radius:50%}.stage-badge small{font:9px sans-serif;margin-left:8px;letter-spacing:0;color:#a5af9c}.stage-hint{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:9px;color:#99a68d;pointer-events:none}.stage-hint>span{font:8px monospace;letter-spacing:1px}.preview-section{padding:24px 20px;background:#fff}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading>.muted{font-size:9px}.surface-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.surface-preview{display:block;text-align:left;min-width:0;border:1px solid #e3e8db;border-radius:6px;padding:0;overflow:hidden;background:#fafbf8}.surface-preview.active{border-color:#8aab64;box-shadow:0 0 0 1px #8aab64}.surface-preview canvas{display:block;width:100%;height:100px;object-fit:contain;background:#17252b}.preview-label{display:flex;align-items:center;justify-content:space-between;padding:10px 9px;font-size:9px;gap:4px}.preview-label>span:first-child{display:flex;align-items:center;gap:6px}.preview-label b{font:8px monospace;color:#9ba58f}.preview-label>span:last-child{font:8px monospace;color:#929e85}.preview-meta{padding:9px;font:7px monospace;letter-spacing:.2px;color:#9aa68f;display:flex;justify-content:space-between;gap:4px}.preview-meta>span{font:8px sans-serif}.bottom-note{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:9px;color:#8c9a80}.bottom-note>span{display:flex;align-items:center;gap:7px}.bottom-note button{font-size:10px;color:#7b8e6b}.inspector{background:#fff;border-left:1px solid #e2e6df;display:flex;flex-direction:column}.inspector-empty{padding:65px 15px;text-align:center}.empty-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f4f6f0;color:#9ca890}.inspector-empty h3{font-size:12px;margin-top:20px}.inspector-empty p{font-size:11px;color:#a2ab9b;margin-top:10px;line-height:2}.inspector-empty button{font-size:10px;color:#7e946b;margin-top:23px}.inspector-guide{margin:auto 20px 26px;padding:20px 16px;background:#f7f9f2;border:1px solid #e8eddf;border-radius:7px}.inspector-guide>.eyebrow{font-size:8px;letter-spacing:1px}.continuity-diagram{display:flex;align-items:center;margin:20px 0;justify-content:center}.continuity-diagram span{border:1px solid #bfccb0;border-radius:4px;padding:8px 14px;font:10px monospace;color:#85996c}.continuity-diagram i{width:12px;height:1px;background:#bdcda9}.inspector-guide p{font-size:11px;line-height:2;color:#8a9a79}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin-top:24px}.color-field{display:flex;align-items:center;gap:8px;font-size:11px;color:#84917c;margin-top:20px}.color-field input{width:28px;height:28px;padding:2px;margin-left:auto}.color-field code{font-size:10px}.element-actions{display:flex;justify-content:space-between;margin-top:23px}.element-actions button{padding:8px;border:1px solid #e4eadb;border-radius:5px;color:#8b997e}.mapping-info{margin-top:26px;padding-top:20px;border-top:1px solid #e9eee1}.mapping-info>div{display:flex;justify-content:space-between;font-size:10px;color:#6c7b60;margin-top:15px}.layer-row{display:flex;align-items:center;gap:2px;padding:8px 4px;border-radius:4px;margin-top:8px}.layer-row.selected{background:#eef3e4}.layer-row>button{padding:4px;color:#889c73}.layer-name{flex:1;min-width:0;justify-content:flex-start;font-size:11px}.layer-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-copy{font-size:11px;color:#98a28e;margin-top:20px}.mobile-toggle{display:none}.modal-backdrop{position:fixed;inset:0;background:#17231e55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:10;padding:20px}.modal{background:#fff;padding:28px;border-radius:14px;max-width:480px;width:100%;max-height:85vh;overflow:auto;box-shadow:0 20px 80px #11201b22}.modal h2{margin:0}.primary-button{background:#d5f28c;padding:12px 16px;border-radius:7px;width:100%;margin-top:25px}.project-row{display:flex;width:100%;text-align:left;border:1px solid #e3e9d8;border-radius:6px;padding:15px 12px;margin-top:12px}.project-row>span{flex:1}.project-row b{font-size:12px;display:block}.project-row small{display:block;font-size:10px;color:#8b997a;margin-top:5px}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff1d7;color:#8a5721;font-size:12px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#718b55}@media(min-width:1600px){main{padding:36px 42px}.stage{height:480px}.surface-preview canvas{height:140px}.app-body{grid-template-columns:260px minmax(0,1fr) 260px}}@media(max-width:1200px){.app-body{grid-template-columns:220px minmax(0,1fr)}.inspector{grid-column:2;border-top:1px solid #e2e6df;display:block}.inspector-empty{padding:22px}.inspector-empty p,.inspector-guide{display:none}.inspector .side-section{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inspector .side-section>h3,.inspector .side-section>.eyebrow,.inspector .side-section>.muted{grid-column:1 / -1}.property-grid{grid-column:1 / -1;grid-template-columns:repeat(6,1fr);margin-top:8px}.inspector .mapping-info{margin-top:0;grid-column:1 / -1}.mapping-info>div{display:inline-flex;gap:12px;margin-right:25px}.sidebar{grid-row:1 / 3}.topbar{padding:0 18px;gap:18px}.save-status{display:none}main{padding:24px 20px}.stage{height:360px}}@media(max-width:760px){.topbar{height:64px;padding:0 14px;gap:12px}.brand b{font-size:17px}.brand b span{font-size:7px}.brand-mark{width:32px;height:34px}.project-title{display:none}.top-actions{gap:8px}.save-button{padding:9px 11px}.app-body{display:block}.sidebar{display:none}.sidebar.mobile-open{display:flex;position:fixed;left:0;top:64px;bottom:0;width:270px;z-index:5;overflow:auto;box-shadow:10px 0 50px #1d302033}.inspector{border-left:0}.mobile-toggle{display:inline-flex;font-size:10px;background:#fff;border:1px solid #dce4d3;padding:9px;border-radius:6px;white-space:nowrap;margin-left:auto}main{padding:22px 12px 16px}.workspace-heading{gap:10px;margin-bottom:18px}.workspace-heading .eyebrow{font-size:7px;letter-spacing:1px}.workspace-heading h1{font-size:20px;margin-top:8px}.workspace-heading>.quiet-button{font-size:0;padding:9px;gap:0}.canvas-topbar{padding:0 10px}.canvas-size{font-size:9px}.toolbar{flex-wrap:wrap;padding:7px 8px;gap:4px}.tool-group{gap:2px}.tool-group button{height:36px;width:34px}.toolbar>.tool-group:last-child{margin-left:auto}.stage{height:320px}.stage-badge{left:13px;font-size:7px}.stage-hint{left:12px;right:12px;font-size:8px}.stage-hint>span{display:none}.preview-section{padding:20px 12px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:14px}.section-heading>.muted{display:none}.surface-previews{gap:8px;grid-template-columns:1fr}.surface-preview canvas{height:130px}.preview-label{padding:12px;font-size:11px}.preview-label>span:last-child{font-size:10px}.preview-meta{padding:10px 12px;font-size:9px}.property-grid{grid-template-columns:repeat(3,1fr)}.bottom-note{gap:8px}.bottom-note>span{font-size:8px}.bottom-note button{font-size:9px}.number-field input{min-height:40px;font-size:16px}.field-label input,.field-label textarea{font-size:16px}.inspector .side-section{padding:20px 16px}.stage canvas{touch-action:none}.side-footer{padding:20px}.modal{padding:22px}.surface-row{min-height:49px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.app-body{grid-template-columns:220px minmax(0,1fr) 270px}.asset-library{min-width:0}.library-content{padding:23px 18px}.asset-upload{display:flex;width:100%;flex-direction:column;gap:10px;margin-top:22px;padding:24px 8px;border:1px dashed #b7c79f;border-radius:9px;background:#f5f8ec;color:#657f4c}.asset-upload b{font-size:12px;font-weight:550}.asset-upload span{font-size:9px;color:#95a084}.asset-search{display:flex;align-items:center;gap:7px;border:1px solid #e2e7d9;padding:0 10px;border-radius:6px;margin:20px 0;color:#91a07f}.asset-search input{border:0;padding:10px 0;font-size:11px;background:transparent}.asset-grid{display:grid;gap:16px}.asset-card{border:1px solid #e3e9d9;border-radius:8px;padding:8px;background:#fcfdf9;min-width:0}.asset-thumbnail{width:100%;height:122px;padding:0;position:relative;overflow:hidden;border-radius:5px;background:repeating-conic-gradient(#edf0e7 0% 25%,#fafbf7 0% 50%) 50%/16px 16px}.asset-thumbnail img{width:100%;height:100%;object-fit:contain}.asset-thumbnail>span:not(.asset-video){position:absolute;bottom:7px;right:7px;display:flex;gap:4px;align-items:center;padding:6px 8px;border-radius:4px;background:#fffef0ed;font-size:9px;color:#567339}.asset-card>b{display:block;font-size:11px;font-weight:500;margin:10px 2px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-meta{display:flex;justify-content:space-between;font:9px monospace;color:#91a080;margin:0 2px 4px;gap:4px}.asset-video{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;color:#879573}.library-empty{white-space:pre-line;padding:24px 0;text-align:center;color:#9baa8c;font-size:11px}.selection-panel{margin-top:18px;border:1px solid #dfe6d4;border-radius:9px;overflow:hidden;background:#fff}.selection-panel .side-top{padding:12px 18px;min-height:0}.selection-panel .side-section{padding:15px 18px;border-bottom:0}.selection-panel .eyebrow{font-size:8px}.selection-panel h3{margin-top:5px}.selection-panel .property-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:16px;gap:9px}.selection-panel .inspector-empty{padding:16px;display:flex;align-items:center;gap:14px;text-align:left}.selection-panel .inspector-empty h3{margin:0}.selection-panel .inspector-empty p{display:none}.selection-panel .inspector-empty button{margin:0 0 0 auto}.selection-panel .empty-icon{width:32px;height:32px;border-radius:8px}.selection-panel .field-label{margin-top:16px}.selection-panel textarea{min-height:60px}.selection-panel .color-field{max-width:240px;margin-top:15px}.selection-panel .element-actions{justify-content:flex-start;gap:9px;margin-top:12px}.selection-panel .mapping-info{margin-top:16px;padding-top:12px}.selection-panel .mapping-info>div{display:inline-flex;gap:10px;margin-right:20px}.selection-panel .mapping-info .microcopy{margin-top:8px}.aspect-toggle{display:flex;gap:8px;align-items:center;font-size:11px;margin-top:16px;color:#657e4e}.aspect-toggle input{width:15px;height:15px;margin:0}.aspect-toggle span{margin-left:auto;color:#9aa889;font-size:10px}.brush-controls{display:flex;align-items:center;gap:16px;padding:9px 16px;border-bottom:1px solid #e3e9d9;background:#f9fbf5;font-size:10px}.brush-controls label{display:flex;align-items:center;gap:7px}.brush-controls input{width:27px;height:25px;padding:1px}.brush-controls select{background:#fff;border:1px solid #dde5d3;border-radius:4px;padding:5px;font-size:10px}.brush-controls>span{margin-left:auto;font-size:9px;color:#96a488}.space-options{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:#f8faf3;font-size:10px;color:#7b8f69}.space-options>span{display:flex;align-items:center;gap:7px}.space-options button{padding:7px 10px;font-size:10px;border-radius:5px}.space-options button.active{background:#e5efd5;color:#526e34}.spatial-stage{height:460px;position:relative;background:#edf1e8;overflow:hidden}.spatial-stage>canvas{display:block;width:100%;height:100%}.space-overlay{position:absolute;top:18px;left:20px;right:20px;pointer-events:none;display:flex;justify-content:space-between;color:#8b9b7e;gap:12px}.space-overlay span{font:8px monospace;letter-spacing:1px}.space-overlay b{font-size:10px;font-weight:400}.space-footer{padding:13px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fafcf6;border-top:1px solid #e0e7d5}.space-footer label{font-size:10px;display:flex;align-items:center;gap:8px;white-space:nowrap}.space-footer select{border:1px solid #dbe5d0;background:#fff;padding:7px;border-radius:5px;font-size:10px}.space-footer p{font-size:9px;color:#96a587}.space-loading,.space-failure{padding:50px;text-align:center;color:#79905f}.space-failure{position:absolute;top:40px;z-index:1}.canvas-topbar{gap:5px;padding:0 12px}.view-tabs{gap:3px}.view-tabs button{padding:8px;font-size:10px}.view-tabs select{font-size:10px;width:88px}.canvas-size{font-size:9px}@media(max-width:1350px)and (min-width:1001px){.app-body{grid-template-columns:200px minmax(0,1fr) 230px}main{padding:24px 16px}.side-section{padding:20px 15px}.asset-library{grid-column:auto;display:flex;border-top:0}.asset-library .side-footer{padding:20px 16px}.selection-panel .property-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.toolbar>.tool-group:last-child{margin-left:auto}.canvas-size{display:none}.side-top{padding:18px 15px}.spatial-stage{height:400px}}@media(max-width:1000px){.app-body{grid-template-columns:200px minmax(0,1fr)}.asset-library{grid-column:2;border-top:1px solid #e2e6df;display:block}.asset-library .asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-library .asset-upload{padding:15px}.asset-library .asset-upload svg{display:none}.asset-library .side-footer{display:none}.asset-library .library-content{padding:18px}.selection-panel .property-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.space-footer{flex-wrap:wrap}.canvas-size{display:none}.sidebar{grid-row:1 / 3}}@media(max-width:760px){.app-body{display:block}.asset-library .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-library .asset-thumbnail{height:115px}.asset-library{border-left:0}.asset-library .side-footer{display:flex}.view-tabs{width:100%;justify-content:space-between}.view-tabs button{padding:10px 8px}.canvas-topbar{height:52px;padding:0 8px}.selection-panel .property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aspect-toggle{flex-wrap:wrap}.aspect-toggle span{width:100%;margin:3px 0 0 23px}.selection-panel .number-field input{min-height:44px}.selection-panel .inspector-empty{flex-wrap:wrap}.selection-panel .inspector-empty button{margin-left:46px}.brush-controls{padding:9px 10px;gap:12px}.brush-controls>span{display:none}.spatial-stage{height:350px}.space-options{padding:10px;font-size:9px;flex-wrap:wrap}.space-options button{min-height:36px}.space-options>span{font-size:9px}.space-overlay{left:12px;right:12px;top:15px;flex-direction:column;gap:7px}.space-footer{padding:12px}.space-footer select{font-size:12px;min-height:40px}.asset-search input{font-size:16px}.asset-upload{min-height:84px}.spatial-stage canvas{touch-action:none}}.aspect-toggle button{border:1px solid #dbe5cf;border-radius:4px;padding:6px;font-size:10px;color:#6e8a52;background:#f7faef}.side-tabs button{white-space:nowrap;flex-shrink:0}.side-tabs{padding-left:10px;padding-right:10px;gap:4px}.side-tabs button{width:calc(50% - 2px);gap:5px}.locator-panel{padding:18px;background:#f8faf3;border-bottom:1px solid #e0e7d5}.locator-panel h3{display:flex;align-items:center;gap:8px;font-size:13px}.locator-check{display:flex;align-items:center;gap:7px;font-size:11px;color:#617d48}.locator-check input{width:15px;height:15px;flex-shrink:0;margin:0}.locator-fields{display:flex;align-items:center;gap:16px;margin-top:17px}.locator-fields>label:not(.locator-check){display:block;font-size:10px;color:#849574;max-width:130px}.locator-fields input[type=number]{margin-top:7px;background:#fff}.locator-surfaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.locator-surfaces>div{display:flex;gap:7px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e1e8d7;border-radius:5px;padding:9px}.locator-surfaces b{display:block;font-size:10px;font-weight:500}.locator-surfaces small{display:block;font-size:9px;margin-top:5px;color:#8a9b7b}.locator-surfaces button{font-size:9px;padding:7px 0;color:#6b844f}.locator-active{background:#e8f1d8}.locator-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eff5e4;color:#7a9165;padding:10px 16px;font-size:10px}.locator-notice button{white-space:nowrap;padding:6px;border:1px solid #c8d6b4;border-radius:4px;background:#fff;color:#526e37}.toolbar{flex-wrap:wrap}.toolbar>.tool-group:last-child{margin-left:auto}@media(max-width:760px){.locator-panel{padding:14px 11px}.locator-panel>.row-between{align-items:flex-start}.locator-fields{flex-wrap:wrap;gap:12px}.locator-fields>label:not(.locator-check){max-width:100px}.locator-fields input[type=number]{min-height:44px;font-size:16px}.locator-surfaces{grid-template-columns:1fr 1fr}.locator-surfaces>div{flex-wrap:wrap}.locator-surfaces button{min-height:32px}.locator-notice{font-size:9px;padding:10px}.locator-check{font-size:10px}}.drawing-layer-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#f3f7ea;border-bottom:1px solid #e0e8d4;color:#748b5c;font-size:10px}.drawing-layer-bar button{font-size:10px;border:1px solid #cdddba;border-radius:4px;padding:6px 10px;background:#fff;white-space:nowrap}.selection-panel .element-name{max-width:340px;margin-top:8px}.layer-name{max-width:calc(100% - 43px)}.locator-export{margin-top:16px;padding:12px;border:1px solid #dce5d0;background:#fff;border-radius:7px}.locator-export b{font:10px monospace;overflow-wrap:anywhere}.locator-export img{display:block;width:100%;max-height:300px;object-fit:contain;margin:12px 0}.locator-export a{display:inline-block;color:#476927;background:#e5efda;border-radius:5px;padding:10px 14px;font-size:11px;text-decoration:none}.locator-export small{display:block;color:#8b9c7b;font-size:10px;margin-top:8px}.parameter-panel{padding:12px 15px;border-bottom:1px solid #dfe6d5;background:#fafcf6}.parameter-heading{display:flex;align-items:center;gap:12px;font-size:10px;color:#7c8f6b}.parameter-heading b{color:#506540;font-weight:500;white-space:nowrap}.parameter-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parameter-panel .property-grid{grid-template-columns:1.4fr repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.parameter-panel .number-field input{width:100%;font-size:11px;min-height:32px}.parameter-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px}.parameter-options .color-field,.parameter-options .aspect-toggle,.parameter-options .element-actions{margin:0}.parameter-options .element-actions{margin-left:auto;gap:6px}.parameter-options .element-actions button{padding:7px}.parameter-options .color-field input{margin-left:0}.parameter-panel .field-label{margin-top:10px}.parameter-panel textarea{min-height:52px}.library-tabs{display:flex;gap:4px;margin-top:18px}.library-tabs button{font-size:10px;padding:8px;flex:1;border-radius:5px;white-space:nowrap}.library-tabs button[aria-pressed=true]{background:#eaf1df;color:#516e39}.asset-manage{display:flex;margin-top:8px;border-top:1px solid #e5eadf;padding:9px 3px 2px;width:100%;font-size:10px;color:#7c886f}.asset-notice{font-size:10px;color:#58743f;background:#eff5e5;border-radius:5px;padding:8px;margin-bottom:12px}.asset-search{margin:12px 0}.layer-row{gap:0}.layer-row .layer-name{max-width:none}.layer-row>button:not(.layer-name){flex-shrink:0;padding:5px}.locator-fields{flex-wrap:wrap}.locator-opacity input[type=range]{padding:0;accent-color:#789756;display:block;margin-top:12px}.locator-opacity small{display:block;font-size:9px;margin-top:7px}.workspace-toggle{display:none;font-size:11px;border:1px solid #dce4d3;border-radius:6px;background:#fff;padding:9px;white-space:nowrap;margin-left:auto}.workspace-toggle.show-toggle{display:inline-flex}.sidebar.is-collapsed{display:none}.app-body.workspace-collapsed{grid-template-columns:minmax(0,1fr) 270px}@media(min-width:1001px)and (max-width:1350px){.app-body.workspace-collapsed{grid-template-columns:minmax(0,1fr) 230px}.parameter-panel .property-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.app-body.workspace-collapsed{grid-template-columns:minmax(0,1fr)}.workspace-collapsed .asset-library{grid-column:1}.parameter-panel .property-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.workspace-toggle{display:inline-flex;font-size:10px;padding:8px}.parameter-panel{padding:12px 10px}.parameter-panel .property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.parameter-panel .number-field input{min-height:40px;font-size:16px}.parameter-options{gap:10px}.parameter-options .element-actions button{min-width:38px;min-height:38px}.parameter-options .aspect-toggle{font-size:10px}.parameter-options .element-actions{margin-left:0}.asset-manage{min-height:40px}.layer-row>button:not(.layer-name){min-height:36px;min-width:30px}.sidebar.mobile-open:not(.is-collapsed){display:flex}.space-options>div{display:flex;flex-wrap:wrap}.locator-fields>label.locator-opacity{max-width:160px}.locator-opacity input[type=range]{min-height:30px}}.layer-opacity{padding:6px 10px 12px;background:#f6f9f0;border-radius:0 0 5px 5px}.layer-opacity .number-field{display:flex;align-items:center;gap:8px}.layer-opacity .number-field span{margin:0;flex:1}.layer-opacity input{max-width:65px}.video-controls{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(210px,1.4fr);gap:16px;margin-top:15px;padding-top:14px;border-top:1px solid #e0e8d7}.video-preview{min-width:0;display:flex;align-items:center;background:#17252b;border-radius:6px;overflow:hidden}.video-preview video{display:block;width:100%;max-height:190px;aspect-ratio:16/9;object-fit:contain}.video-settings{min-width:0;font-size:11px}.video-settings b{font-weight:500}.video-state{font-size:10px;color:#7c916b}.video-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.video-progress{display:block;font-size:10px;margin-top:12px;color:#6c835b}.video-progress span{float:right;font:10px monospace}.video-progress input{display:block;margin:8px 0 0;padding:0;accent-color:#7e9d5d;width:100%}.video-switches{display:flex;gap:20px;margin-top:9px;font-size:10px}.video-switches label{display:flex;align-items:center;gap:5px}.video-switches input{width:14px;margin:0}.video-error,.video-notice{font-size:11px;background:#fff0d8;color:#895c28;padding:10px;border-radius:5px;margin-top:10px;line-height:1.7}.video-notice{margin:8px 12px;display:flex;gap:12px;justify-content:space-between}.video-notice button{flex-shrink:0}.asset-file-size{font:9px monospace;color:#8a9a7c;margin:6px 2px}.video-settings .microcopy{margin-top:6px}@media(max-width:760px){.video-controls{grid-template-columns:1fr;gap:12px}.video-preview video{max-height:180px}.video-progress input{min-height:30px}.video-actions button{min-height:40px}.video-switches label{min-height:36px}.video-state{font-size:9px}}.library-playback{width:100%;margin-top:12px}.asset-video-settings{width:100%;padding:10px 4px;border:1px solid #dce6cf;background:#f2f7e9;border-radius:5px;font-size:10px;margin-top:10px}.asset-library .video-controls{display:block;margin-top:10px;padding-top:0;border:0}.asset-library .video-settings{margin-top:12px}.asset-library .video-preview video{max-height:150px}.asset-library .video-actions{gap:5px}.asset-library .video-actions button{padding:8px;font-size:10px;flex:1}.asset-library .video-settings>.row-between{flex-wrap:wrap;gap:5px}.asset-library .video-notice{margin:10px 0;display:block}.asset-library .video-notice button{margin-top:5px}.asset-library .video-switches{gap:12px}.asset-card:has(.video-controls){grid-column:1 / -1}.workspace-heading{justify-content:flex-end;margin-bottom:12px}.sidebar .side-section>.field-label:first-child{margin-top:0}.project-workspace-actions{display:flex;gap:6px;padding:14px 12px 0}.project-workspace-actions .quiet-button{flex:1;font-size:10px;padding:9px 6px;gap:5px}.workspace-heading:not(:has(.show-toggle)){display:none}.managed-project{display:flex;align-items:center;gap:5px;border:1px solid #e0e7d7;border-radius:7px;margin-top:10px;padding:10px}.managed-project-open{flex:1;min-width:0;text-align:left;justify-content:flex-start;padding:5px;gap:10px}.managed-project-open>span{flex:1;min-width:0}.managed-project b{font-weight:500;font-size:12px;overflow-wrap:anywhere;display:block}.managed-project small{display:block;font-size:10px;color:#90a080;margin-top:5px}.managed-project em{font-style:normal;font-size:9px;color:#688349;background:#eef4e4;display:inline-block;border-radius:4px;padding:3px 5px;margin-left:7px}.managed-project-delete{font-size:10px;flex-shrink:0;color:#7d8b6e;padding:10px 6px;border-radius:5px;background:#f5f7f0}.managed-project-open:disabled{opacity:.8}.project-manager .library-tabs{margin-top:15px}@media(max-width:760px){.workspace-heading:not(:has(.show-toggle)){display:flex}.project-workspace-actions .quiet-button{min-height:42px;font-size:11px}.managed-project{padding:8px}.managed-project-delete{min-height:42px}.managed-project-open small{line-height:1.5}}.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:56px;min-height:40px;flex-shrink:0;border:1px solid #d8e1d1;border-radius:8px;padding:7px 9px;background:#f7faf2;color:#415a36;font-size:12px;cursor:pointer}.language-switch:focus-visible{outline:2px solid #608d39;outline-offset:3px}.ar-header-actions{display:flex;align-items:center;gap:8px}html[lang=en] .side-tabs button,html[lang=en] .quiet-button{white-space:normal}@media(max-width:760px){.topbar{flex-wrap:wrap;height:auto;min-height:64px;gap:8px;padding-top:10px;padding-bottom:10px}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.top-actions .language-switch{display:inline-flex;min-height:44px}.ar-header-actions{gap:4px}.ar-header{gap:8px}.ar-header .language-switch{min-width:48px;padding:6px}.ar-header>div:not(.ar-header-actions){min-width:0}.ar-header small{overflow-wrap:anywhere}}.asset-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.asset-card-actions button{flex:1;min-height:36px;padding:7px 5px;font-size:11px;border:1px solid #dce6cf;border-radius:6px}.asset-video-poster{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;background:#17252b;color:#fff}.asset-video-poster canvas{width:100%;height:100%;object-fit:contain}.asset-video-poster canvas[hidden]{display:none}.asset-video-play{position:absolute;right:8px;bottom:8px;background:#17252bbb;border-radius:50%;padding:3px}.asset-preview-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #dce6cf;border-radius:16px;padding:22px;color:#243432;background:#fff;overflow:auto;box-shadow:0 24px 80px #0005}.asset-preview-dialog::backdrop{background:#101b21bb}.asset-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.asset-preview-header>div{min-width:0}.asset-preview-header h2{margin:0}.asset-preview-header p{overflow-wrap:anywhere;margin-top:5px}.asset-preview-header button{flex-shrink:0;min-height:44px;min-width:44px}.asset-preview-meta{font-size:12px;color:#72816a;margin:8px 0 14px}.asset-preview-image{min-height:160px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e7eae5 0% 25%,#f5f6f3 0% 50%) 0 0/20px 20px;border-radius:8px;overflow:hidden}.asset-preview-image img{display:block;max-width:100%;max-height:65dvh;object-fit:contain}.asset-preview-image p{padding:20px;background:#fff}.asset-preview-dialog .video-controls{display:flex;flex-direction:column;padding:0;border:0;margin:0;gap:16px}.asset-preview-dialog .video-preview{justify-content:center}.asset-preview-dialog .video-preview video{max-height:55dvh;width:100%;aspect-ratio:auto;min-height:150px}.asset-preview-dialog .video-settings{font-size:13px}.asset-preview-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.asset-preview-footer button{min-height:44px;padding:10px 16px}@media(max-width:760px){.asset-preview-dialog{padding:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.asset-preview-image img{max-height:55dvh}.asset-preview-dialog .video-preview video{max-height:42dvh}.asset-card-actions button{min-height:44px}.asset-preview-dialog .video-settings>.row-between{flex-wrap:wrap;gap:8px}}.layer-panel{padding:18px 10px}.layer-help{font-size:11px;color:#75826c;line-height:1.6;margin:10px 0}.layer-stack{display:flex;flex-direction:column;gap:8px}.managed-layer{border:1px solid #dce4d4;border-radius:8px;background:#fff;position:relative}.managed-layer.is-selected{border-color:#88aa54;background:#f5f9ec}.managed-layer.is-hidden .managed-layer-name{opacity:.55}.managed-layer.is-dragging{opacity:.65}.managed-layer.drop-above{box-shadow:0 -3px #6a983a}.managed-layer.drop-below{box-shadow:0 3px #6a983a}.managed-layer-row{display:flex;align-items:center;gap:1px;min-height:44px;padding:3px}.managed-layer-row>button{min-width:26px;min-height:36px;padding:3px;flex-shrink:0}.managed-layer-row>.managed-layer-name{min-width:0;flex:1;justify-content:flex-start;text-align:left;gap:5px}.managed-layer-name>span{min-width:0;overflow-wrap:anywhere;font-size:11px}.managed-layer-name small{display:block;color:#8a977d;font-size:9px;margin-top:3px}.managed-layer-name svg{flex-shrink:0}.layer-drag-handle{touch-action:none;cursor:grab}.layer-drag-handle:active{cursor:grabbing}.layer-details{padding:8px 10px;display:grid;gap:10px;border-top:1px solid #e1e9d6}.layer-details>label{font-size:11px;display:grid;gap:5px}.layer-details input{padding:7px;font-size:12px}.layer-opacity-inputs{display:flex;align-items:center;gap:7px}.layer-opacity-inputs input[type=range]{flex:1;min-width:0;padding:0;accent-color:#759b45}.layer-opacity-inputs input[type=number]{width:55px;flex-shrink:0}.layer-details p{font-size:10px;color:#8a6d31}.layer-order-controls{display:flex;flex-wrap:wrap;gap:3px;padding:6px;border-top:1px solid #e1e9d6}.layer-order-controls button{flex:1;min-width:26px;min-height:34px;border-radius:5px;background:#eaf1e0}.layer-order-controls button:last-child{color:#a24a3e}.layer-order-controls button:focus-visible,.layer-drag-handle:focus-visible{outline:2px solid #6a983a;outline-offset:1px}@media(max-width:760px){.managed-layer-row>button{min-height:44px}.layer-order-controls button{min-height:44px;min-width:32px}.layer-details input{min-height:40px;font-size:16px}}.floating-inspector.parameter-panel{position:fixed;z-index:8;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:0;background:#fff;border:1px solid #d4ddca;border-radius:12px;box-shadow:0 12px 42px #24342d30;display:flex;flex-direction:column;overflow:hidden}.floating-inspector-heading{display:flex;align-items:center;border-bottom:1px solid #e5eadd;background:#f5f8ef;flex-shrink:0}.inspector-grip{flex:1;justify-content:flex-start;padding:14px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.inspector-grip:active{cursor:grabbing}.inspector-close{min-width:44px;min-height:44px}.floating-inspector-content{overflow:auto;padding:14px;overscroll-behavior:contain}.floating-inspector .property-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:12px}.floating-inspector .property-grid>label:first-child{grid-column:1/-1}.floating-inspector .number-field input{font-size:14px;min-height:38px}.floating-inspector .parameter-options{gap:12px}.floating-inspector .aspect-toggle{flex-wrap:wrap}.floating-inspector .element-actions{margin-left:0}.floating-inspector .parameter-options .color-field{min-width:110px}.floating-inspector .field-label textarea{resize:vertical;max-height:180px}.collapsible-previews{border-top:1px solid #e5eadd;padding:16px 20px}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.preview-heading h2{margin:0;font-size:13px}.preview-heading button{min-height:36px;padding:6px 10px;font-size:12px}.collapsible-previews .surface-previews{margin-top:16px}.surface-preview-open{width:100%;display:block;padding:0;text-align:left}.surface-export{width:100%;padding:12px;border-top:1px solid #e2e8da;font-size:11px}.bottom-note{justify-content:flex-end}.asset-upload{margin-top:0}@media(max-width:760px){.floating-inspector .number-field input{font-size:16px}.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.top-actions{flex-wrap:wrap;gap:8px;justify-content:flex-end}.top-actions>button{min-height:36px}.topbar .brand{margin-right:auto}.collapsible-previews,.floating-inspector-content{padding:12px}}.toolbar{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin}.toolbar>.quiet-button,.toolbar>.tool-group{flex:0 0 auto}.toolbar .tool-group{flex-wrap:nowrap}.toolbar .tool-group>button,.toolbar .tool-divider,.toolbar .zoom-label{flex-shrink:0}.ai-library-button{width:100%;justify-content:center;margin:8px 0 12px}.ai-creator{width:min(700px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid #d9e0d3;border-radius:20px;padding:24px;background:#fbfcf8;color:#273b36;box-shadow:0 24px 80px #17292335}.ai-creator::backdrop{background:#12211a70}.ai-creator header,.ai-creator header>div,.ai-actions,.ai-record-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-creator h2{font-size:22px;margin:0}.ai-creator button{min-height:40px;cursor:pointer;border:1px solid #d8e0d0;border-radius:8px;padding:8px 12px;background:#fff;color:inherit}.ai-creator button:disabled{opacity:.5;cursor:default}.ai-creator button.primary{background:#4d653c;color:#fff}.ai-budget{display:flex;flex-direction:column;gap:6px;padding:16px;background:#edf2e5;border-radius:12px;margin:16px 0}.ai-creator label{display:flex;flex-direction:column;gap:8px}.ai-creator textarea,.ai-creator select{font:inherit;padding:10px;border:1px solid #d5ddcd;border-radius:8px;background:#fff;color:inherit;max-width:100%}.ai-creator textarea{width:100%;box-sizing:border-box;resize:vertical}.ai-actions{margin:12px 0}.ai-creator small{font-size:12px;color:#65765c}.ai-error{color:#a44331!important;font-size:13px}.ai-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-results article{min-width:0;border:1px solid #dde3d5;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.ai-results img{width:100%;max-height:240px;object-fit:contain;background:#edf0e8;border-radius:6px}.ai-results p{overflow-wrap:anywhere;font-size:13px;margin:0}@media(max-width:480px){.ai-creator{padding:16px}.ai-results{grid-template-columns:1fr}.ai-actions{align-items:flex-end}.ai-budget span{font-size:13px}}.ai-creator header{position:sticky;top:0;background:#fbfcf8;z-index:1}.ai-material-editor fieldset{border:0;padding:0;margin:0;min-width:0}.ai-material-editor .material-check{display:flex;flex-direction:row;align-items:center;gap:8px;margin:14px 0}.material-check input{width:18px;height:18px;flex-shrink:0}.material-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.material-tools label{font-size:12px}.material-tools input[type=range]{width:120px}.material-tools input[type=color]{width:44px;height:34px;padding:2px}.material-tools button[aria-pressed=true]{background:#e4edd9;border-color:#819a66}.material-stage,.material-final img{background:repeating-conic-gradient(#dce1d7 0% 25%,#fbfcf8 0% 50%) 50%/20px 20px;border:1px solid #dce3d4;border-radius:8px;overflow:hidden;margin:12px 0}.material-stage canvas{width:100%;height:auto;display:block}.material-stage.is-editing canvas{touch-action:none;cursor:crosshair}.material-description{font-size:13px;overflow-wrap:anywhere}.material-final img{display:block;max-width:100%;max-height:360px;object-fit:contain}.ai-creator .ai-result-preview{padding:0;border:0;background:none}.ai-creator .ai-result-preview img{display:block;background:repeating-conic-gradient(#dce1d7 0% 25%,#fbfcf8 0% 50%) 50%/16px 16px}.ai-material-editor small{display:block;line-height:1.6}.ai-creator form>label{margin-top:12px}@media(max-width:480px){.material-tools button{flex-grow:1}.material-tools input[type=range]{width:105px}.ai-material-editor .ai-actions{flex-wrap:wrap}.ai-material-editor .ai-actions button{flex:1}}.material-stage canvas{width:auto;height:auto;max-width:100%;max-height:42vh;margin:auto}.generation-background{display:grid;gap:10px;padding:12px;border:1px solid #dce3d5;border-radius:10px}.generation-background input[type=color]{width:72px;height:44px;min-height:44px;padding:4px;cursor:pointer}.generation-background small{line-height:1.5}.edit-backdrop{z-index:1000}.media-edit-modal{background:#fff;color:#283b32;border-radius:18px;padding:20px;width:min(1000px,96vw);max-height:94dvh;overflow:auto;box-shadow:0 24px 80px #0005}.media-edit-modal header,.media-edit-modal footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.media-edit-modal h2{font-size:20px}.media-edit-modal p{font-size:13px;color:#677469}.media-edit-modal footer{margin-top:20px}.crop-image{position:relative;margin:12px auto;max-width:100%;max-height:62dvh;width:auto;height:55dvh;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0/20px 20px}.crop-image img{width:100%;height:100%;display:block}.crop-image svg,.path-stage svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;overflow:visible}.crop-image rect{cursor:move}.path-stage{position:relative;background:#17252b;width:100%;margin:14px 0}.path-stage canvas{display:block;width:100%;height:100%}.path-stage circle{cursor:grab}.animation-tools{display:flex;gap:8px;flex-wrap:wrap}.animation-tools button,.animation-transport button,.animation-panel button,.media-edit-modal button{border:1px solid #d6decd;border-radius:7px;padding:7px 11px;background:#f8faf5;color:#314532}.animation-tools .active{background:#e3efca}.animation-panel{padding:16px;border-top:1px solid #dce2d7;background:#fafbf8}.animation-transport{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;font-size:12px}.animation-transport>input{min-width:90px;flex:1}.animation-transport label{display:flex;gap:5px;align-items:center}.animation-settings{border:1px solid #dce2d7;border-radius:10px;padding:12px;display:flex;gap:12px;align-items:end;flex-wrap:wrap}.animation-settings label{display:flex;gap:4px;flex-direction:column;font-size:12px}.animation-settings input[type=number]{width:82px}.animation-settings input,.animation-settings select{padding:5px;border:1px solid #cdd6c8;border-radius:5px}.animation-settings legend{font-size:13px}.timeline-ruler{display:flex;justify-content:space-between;padding:14px 0 4px;margin-left:120px;font-size:11px;color:#63715d}.timeline-row{display:flex;gap:10px;align-items:center;margin:7px 0}.timeline-name{width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;text-align:left}.timeline-track{height:38px;flex:1;position:relative;background:repeating-linear-gradient(to right,#eef1e9 0 calc(10% - 1px),#dce3d5 calc(10% - 1px) 10%);border-radius:5px}.timeline-clip{position:absolute;height:32px;top:3px;background:#a9c77b;border:1px solid #7c9955;border-radius:5px;display:flex;justify-content:space-between;cursor:grab;touch-action:none;min-width:8px}.selected .timeline-clip{outline:2px solid #476726}.clip-handle{width:12px;flex-shrink:0;cursor:ew-resize;touch-action:none;display:flex;align-items:center;justify-content:center;color:#34501d;z-index:1}.clip-phases{position:absolute;inset:0;display:flex;overflow:hidden;border-radius:5px;pointer-events:none}.clip-phases i:nth-child(1){background:#b5cf9c}.clip-phases i:nth-child(2){background:#8eb29a}.clip-phases i:nth-child(3){background:#d0d8b3}.clip-phases i:nth-child(4){background:#d3b89b}.ar-page>.animation-transport{background:#182329;color:#fff;padding:8px 16px}.ar-page>.animation-transport button{color:#253720}.animation-panel button:disabled,.media-edit-modal button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.media-edit-modal{padding:12px}.crop-image{height:auto;width:100%;max-height:none}.timeline-name{width:75px}.timeline-ruler{margin-left:85px}.clip-handle{width:18px}.animation-transport output{font-size:11px}}.media-edit-modal footer button{width:auto;white-space:nowrap}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:#cd5f49;z-index:2;pointer-events:none}.animation-settings:disabled{opacity:.55}.ar-page>.animation-transport button{color:#eff6e9}.animation-transport label{white-space:nowrap}.media-edit-modal button{min-height:38px}.edit-backdrop{padding:12px}.media-edit-modal{width:min(1000px,100%);min-width:0}.crop-image{max-width:100%}.media-edit-modal footer{flex-wrap:wrap}main>.animation-panel,main>.preview-section{margin-top:16px;border:1px solid #dce3d4;border-radius:12px;background:#fff;overflow:hidden}.animation-panel h2{margin:0}.animation-panel h2 button{padding:4px 0}.animation-panel .timeline-ruler{margin-left:0}.timeline-duration-hint{font-size:11px;color:#76836c;margin-bottom:12px}.clip-label{position:relative;z-index:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:11px;padding:0 4px;color:#223725}.animation-transport>button{min-width:40px;min-height:40px;border-radius:7px;background:#edf2e5}main>.animation-panel{border-color:#dedede;color:#353535}.animation-panel .preview-heading{padding:0;min-height:32px}.animation-panel .preview-heading>button{border:0;background:transparent;padding:0;color:#777}.animation-panel button{background:#f6f6f6;border-color:#d8d8d8;color:#444}.animation-panel input,.animation-panel select{border-color:#d4d4d4;accent-color:#666}.animation-panel button:focus-visible,.animation-panel input:focus-visible,.animation-panel select:focus-visible,.animation-panel [role=button]:focus-visible{outline-color:#777}.animation-panel .animation-settings{border-color:#dedede;min-width:0}.animation-panel .timeline-track{background:repeating-linear-gradient(to right,#f3f3f3 0 calc(10% - 1px),#dedede calc(10% - 1px) 10%)}.animation-panel .timeline-clip{background:#ccc;border-color:#aaa}.animation-panel .selected .timeline-clip{outline-color:#666}.animation-panel .clip-phases i:nth-child(1){background:#d6d6d6}.animation-panel .clip-phases i:nth-child(2){background:#bcbcbc}.animation-panel .clip-phases i:nth-child(3){background:#e0e0e0}.animation-panel .clip-phases i:nth-child(4){background:#ccc}.animation-panel .clip-handle,.animation-panel .clip-label{color:#444}.animation-panel .timeline-playhead{background:#555}.animation-panel .timeline-ruler,.animation-panel .timeline-duration-hint{color:#777}.animation-element-settings{display:block;margin-top:16px}.animation-action-row{display:flex;gap:10px;padding:4px 0 14px}.animation-effect-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:14px}.animation-effect-row select{width:100%;min-width:0;height:34px;background:#fff}.animation-timing-row{display:grid;grid-template-columns:repeat(5,minmax(58px,1fr)) minmax(106px,1.6fr);gap:8px;align-items:end;overflow-x:auto;padding-bottom:6px}.animation-timing-row input[type=number]{width:100%;height:34px}.animation-timing-row label{white-space:nowrap}.animation-timing-row .animation-follow{flex-direction:row;align-items:center;gap:6px;min-height:34px;white-space:normal}.animation-follow input[type=checkbox]{width:16px;height:16px;margin:0;flex-shrink:0}@media(max-width:600px){.animation-action-row{gap:6px}.animation-action-row button{flex:1;padding:7px 5px;white-space:nowrap}.animation-effect-row{gap:8px}}.animation-transport{gap:8px}.animation-transport>input[type=range]{min-width:50px;padding:0}.animation-transport output{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.animation-control-group{display:flex;align-items:center;gap:7px;margin-left:auto;flex-shrink:0}.animation-control-group label{font-size:11px}.animation-control-group input[type=checkbox]{width:13px;height:13px;margin:0}.animation-duration-inline{border:0;padding:0;margin:0;min-width:0}.animation-duration-inline label{display:flex;flex-direction:row;align-items:center;gap:5px;white-space:nowrap}.animation-duration-inline input[type=number]{width:49px;height:27px;padding:3px 4px;font-size:11px}.animation-control-group>button{width:28px;height:28px;min-width:28px;min-height:28px;padding:4px;border-radius:5px}.ar-page{background:#121d22;color:#eff6e9;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);font-family:inherit}.ar-page button,.ar-page select{min-height:44px;border-radius:8px;border:1px solid #586a62;color:#eff6e9;background:#23332f;padding:8px 12px;font-size:13px}.ar-page button:disabled{opacity:.45;cursor:default}.ar-page button:focus-visible,.ar-page select:focus-visible{outline:3px solid #d5f28c;outline-offset:2px}.ar-header{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid #36443e}.ar-header>div{flex:1;min-width:0}.ar-header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a6baaf;font-size:11px;margin-top:3px}.ar-surface{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;flex-wrap:wrap;font-size:12px}.ar-surface label{display:flex;align-items:center;gap:10px}.ar-surface span{color:#b0c79a;font-size:11px}.ar-guide{padding:8px 18px;margin:0;font-size:13px;line-height:1.6;background:#1e2d28}.ar-stage{position:relative;background:#080c10;width:100%;height:clamp(300px,60vh,740px);flex:none;overflow:hidden;touch-action:none}.ar-stage.is-calibrating{cursor:crosshair}.ar-camera,.ar-overlay,.ar-boundary{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.ar-boundary{overflow:visible}.ar-camera-start{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;padding:20px;text-align:center;background:#101b20}.ar-camera-start p{font-size:13px;color:#a9bbb0}.ar-page .ar-corner{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-height:44px;padding:0;border:2px solid #d5f28c;background:#182921bb;border-radius:50%;color:#eafaac;font-size:16px;touch-action:none;cursor:move;box-shadow:0 0 0 2px #14201bcc}.ar-page .ar-corner:disabled{opacity:1;pointer-events:none}.ar-corner span{pointer-events:none}.ar-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px 18px;background:#192922}.ar-controls button[aria-pressed=true]{border-color:#b8db81}.ar-page .ar-primary{background:#d5f28c;border-color:#d5f28c;color:#223323;font-weight:650}.ar-controls label{display:flex;align-items:center;gap:10px;font-size:12px}.ar-controls input[type=range]{width:160px;height:44px;accent-color:#cbed92}.ar-controls output{width:40px}.ar-message{background:#503421;color:#ffe2bd;padding:10px 18px;font-size:13px;line-height:1.6}.ar-static-note{font-size:11px;padding:5px 18px;margin:0;color:#dbca99}.ar-more{padding:16px 18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#22312d}.ar-more label{font-size:12px;display:flex;align-items:center;gap:8px;max-width:100%}.ar-more input[type=file]{max-width:220px;font-size:12px}.ar-more input[type=checkbox],.ar-debug input[type=checkbox]{width:18px;height:18px;accent-color:#cbed92}.ar-more p{width:100%;font-size:12px;color:#c5d3c7;line-height:1.7;margin:0}.ar-debug{padding:16px 18px;overflow-wrap:anywhere;background:#0c1418;color:#cadbcb;font-size:12px}.ar-debug-layers{display:flex;flex-wrap:wrap;gap:14px}.ar-debug-layers label{display:flex;gap:8px;align-items:center;min-height:36px}.ar-debug dl{display:grid;grid-template-columns:160px minmax(0,1fr);gap:7px}.ar-debug dd{margin:0}.ar-debug pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#def2b6;line-height:1.6}.ar-launch{margin-top:18px;display:flex;width:100%;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px;background:#e7efd9;border:1px solid #cbd8b8;border-radius:7px;font-size:12px;color:#405931}@media(max-width:760px){.ar-header{gap:8px;padding:10px}.ar-header button{padding:8px}.ar-surface{padding:8px 10px}.ar-surface label{width:100%;justify-content:space-between}.ar-surface select{max-width:76%;font-size:14px}.ar-guide{font-size:12px;padding:8px 10px}.ar-stage{height:54vh;height:54dvh;min-height:260px}.ar-controls{gap:7px;padding:10px}.ar-controls button{flex:1;white-space:nowrap;padding:7px;font-size:12px}.ar-controls label{width:100%;justify-content:center}.ar-controls input[type=range]{width:min(56vw,270px)}.ar-more{padding:12px}.ar-more label{flex-wrap:wrap}.ar-debug dl{grid-template-columns:105px minmax(0,1fr)}}@media(orientation:landscape)and (max-height:540px){.ar-stage{height:70vh;min-height:220px}.ar-header,.ar-surface,.ar-controls{padding:6px 12px}}:root{font-family:var(--font-ui);font-size:14px;font-weight:400;color:var(--text-primary);background:var(--bg-main)}body{background:var(--bg-main)}button,input,select,textarea{font-family:var(--font-ui);font-weight:400;letter-spacing:normal}h1{font-size:24px;font-weight:400}h2{font-size:16px;font-weight:400}h3{font-size:15px;font-weight:500}.ui-button{border-radius:var(--radius-btn);gap:8px;transition:background-color .12s,border-color .12s;color:var(--text-primary)}.ui-button:not(:disabled):hover{filter:none;background-color:var(--bg-hover)}.ui-button:disabled{opacity:.38;cursor:not-allowed}.ui-button:not([data-surface]):active{filter:brightness(.97)}.ui-button[aria-busy=true]{cursor:progress}.ui-loading{animation:ui-spin 1s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-button[data-size=sm]{min-height:28px}.ui-button[data-size=lg]{min-height:44px}.ui-button .lucide{stroke-width:var(--icon-stroke-width);flex-shrink:0}.ui-button[data-icon=true]{min-width:36px;min-height:36px}.ui-button:focus-visible,.ui-input:focus-visible,.ui-select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}.ui-input[data-control=text],.ui-select,textarea{border:1px solid var(--border-default);border-radius:var(--radius-btn);background:var(--bg-panel);color:var(--text-primary);font-size:14px;min-height:36px;padding:6px 10px}.ui-input[data-control=text]:focus,.ui-select:focus,textarea:focus{border-color:var(--color-primary-dark)}.ui-input[type=checkbox]{accent-color:var(--color-primary-dark)}.ui-input[type=range]{accent-color:var(--color-primary)}.ui-button[data-variant=primary],.app .save-button,.app .primary-button{background:var(--color-primary);color:#141414;border-color:var(--color-primary);font-weight:400}.ui-button[data-variant=primary]:hover:not(:disabled),.app .save-button:hover:not(:disabled){background:var(--color-primary-hover)}.ui-button[data-variant=destructive]{color:var(--color-danger)}.topbar{height:64px;gap:24px;padding:0 24px;border-color:var(--border-default);background:var(--bg-panel)}.brand{gap:12px}.brand-mark{width:40px;height:40px;border-radius:10px;background:var(--color-primary-light);color:var(--color-primary-dark)}.brand b{font-family:var(--font-ui);font-size:24px;font-weight:500;letter-spacing:-.5px}.brand b span{font-size:11px;letter-spacing:0;font-weight:400;color:var(--text-secondary);margin-top:6px}.project-title{min-width:130px}.project-title>.divider{display:none}.project-title .ui-button{height:36px;border:1px solid var(--border-default);padding:0 12px;border-radius:6px;font-size:13px;gap:16px;max-width:240px}.top-actions{gap:8px}.top-actions>.ui-button{min-height:36px;font-size:13px;padding:6px 8px;white-space:nowrap}.top-actions>.save-button{padding:0 16px;height:36px}.save-status{color:var(--text-secondary);font-size:12px}.save-status>span,.local-dot{background:var(--color-success)}.language-switch.ui-button{width:36px;min-width:36px;min-height:36px;padding:0;background:var(--bg-panel)!important;border:1px solid var(--border-default)!important;color:var(--text-primary)!important}.app-body{grid-template-columns:256px minmax(0,1fr) 304px;min-height:calc(100vh - 64px)}.sidebar,.asset-library{background:var(--bg-panel);border-color:var(--border-default)}.side-top{min-height:60px;padding:16px 20px;border:0;font-size:15px;font-weight:500}.side-top .count{font-size:12px;color:var(--text-secondary)}.project-workspace-actions{padding:12px 20px;gap:8px}.project-workspace-actions .ui-button{flex:1;min-width:0;height:36px;padding:0 8px;font-size:13px;border-color:var(--border-default);background:var(--bg-panel)}.side-tabs{padding:0 20px;gap:8px}.side-tabs .ui-button{height:36px;font-size:13px;color:var(--text-secondary)}.side-tabs .ui-button.active{background:var(--color-primary-light);color:var(--color-primary-dark)}.side-tabs small{background:var(--bg-hover);color:var(--text-secondary);font-size:11px;font-weight:400}.side-section{padding:16px 20px;border-color:var(--border-subtle)}.side-section .field-label:first-child{margin-top:0}.field-label,.number-field{font-family:var(--font-ui);font-size:13px;color:var(--text-secondary)}.field-label input{font-size:14px;color:var(--text-primary);margin-top:8px}.room-diagram{margin:24px 0 12px}.room-diagram svg{height:124px}.room-diagram path{stroke:#9ca5a0}.room-diagram path:first-child{fill:var(--bg-secondary)}.room-diagram text{fill:var(--text-secondary);font-family:var(--font-ui);font-size:10px}.room-diagram>span{font-family:var(--font-ui);font-size:12px;letter-spacing:0;color:var(--text-secondary)}.app .ar-launch{margin-top:12px;margin-bottom:12px;min-height:36px;background:var(--color-primary-light);border:0;color:var(--color-primary-dark);font-size:14px;border-radius:6px}.dimension-fields{gap:8px}.number-field input{font-family:var(--font-ui);font-size:14px;color:var(--text-primary);height:36px;padding:6px 8px}.eyebrow{font-family:var(--font-ui);font-size:13px;font-weight:400;letter-spacing:0;color:var(--text-secondary)}.count{font-size:12px;color:var(--text-secondary)}.surface-list{gap:0;margin-top:12px;border:1px solid var(--border-default);border-radius:6px;overflow:hidden}.surface-row{border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;padding:12px;min-height:60px;gap:12px;opacity:1;background:var(--bg-panel)}.surface-row:last-child{border-bottom:0}.surface-row.enabled{background:var(--bg-panel)}.surface-row.is-current{background:var(--color-primary-light);box-shadow:inset 2px 0 var(--color-primary)}.surface-letter{width:32px;height:36px;background:var(--bg-secondary);border:0;font-family:var(--font-ui);font-size:14px;color:var(--text-primary)}.surface-row b{font-size:13px;font-weight:400}.surface-row small{font-family:var(--font-ui);font-size:12px;color:var(--text-secondary);margin-top:4px}.surface-row .checkmark{width:18px;height:18px;border:1px solid #b8bdb9;background:var(--bg-panel);border-radius:4px}.surface-row.enabled .checkmark{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.app main{background:var(--bg-main);padding:16px}.workspace-heading{margin-bottom:0}.workspace-toggle.show-toggle{margin-bottom:12px}.canvas-card{border-color:var(--border-default);border-radius:10px;box-shadow:none;background:var(--bg-panel)}.canvas-topbar{height:52px;padding:8px 16px;border-color:var(--border-subtle)}.view-tabs{gap:4px}.view-tabs .ui-button,.view-tabs .ui-select{height:36px;min-height:36px;font-size:13px;padding:6px 12px;color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;background:var(--bg-panel)}.view-tabs .ui-button.active{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:transparent}.view-tabs .ui-select{width:112px}.canvas-size{font-family:var(--font-ui);color:var(--text-secondary)}.toolbar{min-height:44px;padding:4px 12px;gap:8px;border-color:var(--border-default);background:var(--bg-panel);scrollbar-width:thin;align-items:center}.toolbar>.quiet-button{height:36px;min-height:36px;padding:0 10px;font-size:13px;border:1px solid var(--border-default);color:var(--text-primary);background:var(--bg-panel)}.toolbar .tool-group{gap:4px}.toolbar .tool-group .ui-button{height:36px;width:36px;min-width:36px;padding:0;color:var(--text-primary);border-radius:6px}.toolbar .ui-button .lucide{width:18px;height:18px;stroke-width:1.5}.toolbar .ui-button.active{background:var(--color-primary-light);color:var(--color-primary-dark)}.tool-divider{background:var(--border-default);height:24px;margin:0 4px}.zoom-label{font-family:var(--font-ui);font-size:13px;color:var(--text-primary);min-width:40px}.stage{height:380px;background:var(--bg-secondary);background-image:none}.stage-badge{font-family:var(--font-ui);font-size:12px;color:var(--text-secondary);letter-spacing:0}.stage-badge small{font-size:12px;color:var(--text-secondary)}.stage-hint,.stage-hint>span{font-family:var(--font-ui);font-size:12px;color:var(--text-secondary);letter-spacing:0}.space-options{background:var(--bg-secondary);border-color:var(--border-subtle);color:var(--text-secondary)}.space-options .ui-button{font-size:12px;color:var(--text-secondary);height:32px;padding:4px 8px}.space-options .ui-button.active{background:var(--color-primary-light);color:var(--color-primary-dark)}.space-overlay{color:var(--text-secondary);font-size:12px}.space-overlay b{font-weight:400}.spatial-stage{height:380px}.library-content{padding:12px 20px}.asset-upload{padding:24px 12px;min-height:152px;margin:0;gap:12px;background:var(--bg-secondary);border:1px solid #d6e8db;border-radius:6px;color:var(--color-primary-dark)}.asset-upload b{font-size:14px;font-weight:400}.asset-upload span{font-size:12px;color:var(--text-secondary);line-height:1.6}.asset-upload .lucide{width:28px;height:28px}.ai-library-button{height:36px;font-size:14px;margin:0 0 12px;background:var(--bg-panel);border-color:var(--border-default)}.library-tabs{gap:8px;margin:0 0 12px}.library-tabs .ui-button{height:36px;border:1px solid var(--border-default);border-radius:6px;font-size:13px;color:var(--text-primary);background:var(--bg-panel)}.library-tabs .ui-button[aria-pressed=true]{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:transparent}.asset-search{margin:12px 0;border-color:var(--border-default);height:36px;color:var(--text-secondary)}.asset-search .ui-input{min-height:32px;height:32px;font-size:13px;border:0;padding:4px 0;background:transparent}.asset-card{border:1px solid var(--border-default);border-radius:6px;padding:8px;background:var(--bg-panel);gap:8px;display:flex;flex-direction:column}.asset-thumbnail{border-radius:4px;padding:0;order:0}.asset-thumbnail img{border-radius:4px}.asset-card>b{order:1;font-size:13px;font-weight:400;color:var(--text-primary);margin:0}.asset-file-size{order:2;font-size:12px;color:var(--text-secondary)}.asset-meta{order:3;font-size:12px;color:var(--text-secondary);margin:0}.asset-card-actions{order:4;margin-top:4px;padding-top:8px;border-top:1px solid var(--border-subtle);gap:8px}.asset-card-actions .ui-button{height:36px;min-height:36px;font-size:13px;padding:4px 8px;background:var(--bg-panel);border-color:var(--border-default)}.asset-card-actions .ui-button:last-child:not(:first-child){background:var(--color-primary-light);color:var(--color-primary-dark);border-color:transparent}.asset-manage{order:5;font-size:12px;color:var(--text-secondary);height:28px;margin:0}.microcopy,.side-footer b,.side-footer small,.muted{color:var(--text-secondary);font-size:12px;line-height:1.6}.side-footer{padding:16px 20px}.side-footer small{margin-top:4px}.app main>.animation-panel.animation-panel-reference{padding:16px;border-color:var(--border-default);border-radius:10px;--timeline-green:var(--color-primary);--timeline-ink:var(--text-primary);--timeline-border:var(--border-default)}.animation-panel-reference .animation-heading-copy h2{font-size:16px;font-weight:500}.animation-panel-reference .preview-heading{margin-bottom:12px}.animation-panel-reference .animation-transport{gap:12px;padding-bottom:8px}.animation-panel-reference .timeline-ruler{height:36px}.animation-panel-reference .timeline-track{height:38px}.animation-panel-reference .timeline-clip{height:32px}.animation-panel-reference .animation-element-settings{margin-top:12px;padding:12px;border-radius:8px}.animation-panel-reference .animation-asset-header{margin-bottom:12px;padding-bottom:12px}.animation-panel-reference .animation-asset-thumbnail{width:48px;height:48px;padding:4px;border-radius:6px}.animation-panel-reference .animation-effect-row{padding-bottom:12px;gap:16px}.animation-panel-reference .animation-effect-row .ui-select,.animation-panel-reference .animation-timing-row .ui-input{height:36px;border-radius:6px;font-size:14px}.animation-panel-reference .animation-settings label{font-size:13px}.animation-panel-reference .animation-action-row .ui-button{border-radius:6px;height:36px;font-size:13px}.animation-panel-reference .animation-control-group>.animation-play{background:var(--color-primary);border-color:var(--color-primary);box-shadow:none;border-radius:6px}.animation-panel-reference .timeline-playhead{background:var(--color-primary-dark)}.animation-panel-reference .selected .timeline-clip{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.preview-section,.app main>.preview-section{border-color:var(--border-default);border-radius:10px;padding:16px;background:var(--bg-panel)}.preview-heading h2{font-size:16px;font-weight:400}.preview-heading .ui-button{color:var(--text-secondary);font-size:13px}.bottom-note .ui-button{font-size:12px;color:var(--text-secondary)}.modal,.asset-preview-dialog,.ai-creator,.media-edit-modal,.floating-inspector.parameter-panel{border:1px solid var(--border-default);border-radius:10px;background:var(--bg-panel);color:var(--text-primary);box-shadow:var(--shadow-dialog)}.modal h2,.asset-preview-dialog h2,.ai-creator h2,.media-edit-modal h2{font-size:20px;font-weight:400}.modal .ui-button,.asset-preview-dialog .ui-button,.ai-creator .ui-button,.media-edit-modal .ui-button,.floating-inspector .ui-button{border-radius:6px;font-weight:400}.research-panel .ui-button,.collector-panel .ui-button,.collab-panel .ui-button,.ai-creator .ui-button,.media-edit-modal .ui-button{background:var(--bg-panel);border-color:var(--border-default);color:var(--text-primary);min-height:36px}.modal .ui-button.primary,.ai-creator .ui-button.primary,.media-edit-modal .ui-button.primary{background:var(--color-primary);color:var(--text-primary)}.floating-inspector-heading,.ai-creator header{background:var(--bg-panel);border-color:var(--border-subtle)}.floating-inspector .property-grid{gap:12px}.ai-budget{background:var(--bg-secondary);border-radius:6px}.ai-results article,.collector-panel{border-color:var(--border-default);border-radius:6px}.ai-error{color:var(--color-danger)!important}.managed-layer{border-color:var(--border-default);border-radius:6px}.managed-layer.is-selected{border-color:var(--color-primary);background:var(--color-primary-light)}.managed-layer-name>span{font-size:12px}.layer-details,.layer-order-controls{border-color:var(--border-subtle)}.layer-order-controls .ui-button{background:var(--bg-secondary);color:var(--text-secondary)}.layer-details .ui-input{font-size:13px}.layer-panel{padding:16px 12px}.brush-controls,.drawing-layer-bar,.locator-panel{background:var(--bg-secondary);border-color:var(--border-default);color:var(--text-secondary)}.ar-page{font-family:var(--font-ui)}.ar-page .ui-button,.ar-page .ui-select{font-weight:400;border-radius:6px;min-height:44px}.ar-page .ar-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-primary)}.ar-page .ui-button:focus-visible{outline-color:var(--color-primary)}.ar-page .ui-button:hover:not(:disabled){background:#34423d}.ar-page .ar-primary:hover:not(:disabled){background:var(--color-primary-hover)}@media(min-width:1600px){.app-body{grid-template-columns:256px minmax(0,1fr) 304px}.app main{padding:16px 24px}.stage,.spatial-stage{height:420px}}@media(min-width:1001px)and (max-width:1399px){.app-body{grid-template-columns:220px minmax(0,1fr) 260px}.app main{padding:12px}.topbar{gap:16px;padding:0 16px}.top-actions{gap:4px}.top-actions>.ui-button{font-size:12px;padding:6px}.top-actions>.ui-button>.lucide{width:16px}.project-title .ui-button{max-width:170px}.save-status{display:none}.side-section,.library-content{padding:16px}.project-workspace-actions{padding:12px 16px}.side-tabs{padding:0 16px}.canvas-size{display:none}}@media(min-width:1001px){.app-body.workspace-collapsed{grid-template-columns:minmax(0,1fr) 304px}.asset-library{grid-column:auto;display:flex;border-top:0}}@media(min-width:761px)and (max-width:1000px){.app-body{grid-template-columns:200px minmax(0,1fr)}.app-body.workspace-collapsed{grid-template-columns:minmax(0,1fr)}.asset-library{grid-column:2}.workspace-collapsed .asset-library{grid-column:1}.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 16px}.top-actions{flex-wrap:wrap;margin-left:0}.sidebar{grid-row:1/3}.side-section{padding:16px 12px}.project-workspace-actions{padding:12px}.project-workspace-actions .ui-button{font-size:12px}.side-tabs{padding:0 12px}}@media(max-width:760px){.topbar{height:auto;min-height:64px;padding:12px;gap:12px;flex-wrap:wrap}.topbar .brand{margin-right:auto}.top-actions{flex-wrap:wrap;gap:8px;justify-content:flex-start;margin:0}.top-actions>.ui-button{font-size:13px;min-height:44px}.top-actions>.icon-button{min-width:44px}.project-title{display:none}.app-body,.app-body.workspace-collapsed{display:block}.app main{padding:12px}.sidebar.mobile-open{top:0;bottom:0;width:min(300px,90vw);z-index:9}.sidebar.mobile-open.is-collapsed{display:flex}.side-top{min-height:56px}.workspace-toggle{display:inline-flex;min-height:44px;margin-bottom:12px}.asset-library{border-left:0}.library-content{padding:16px}.canvas-topbar{height:auto;min-height:56px;padding:8px}.view-tabs{gap:4px;justify-content:flex-start;overflow:auto}.view-tabs .ui-button,.view-tabs .ui-select{min-height:44px;font-size:13px;padding:6px 8px}.toolbar{padding:4px 8px}.toolbar .tool-group .ui-button{width:44px;height:44px;min-width:44px}.toolbar>.quiet-button{height:44px}.stage,.spatial-stage{height:360px}.stage-hint,.space-overlay{font-size:11px}.app main>.animation-panel.animation-panel-reference{padding:12px}.animation-panel-reference .animation-settings label{font-size:12px}.animation-panel-reference .animation-action-row{gap:4px}.animation-panel-reference .animation-action-row .ui-button{font-size:12px;padding:6px}.animation-panel-reference .animation-effect-row{gap:8px}.animation-panel-reference .animation-asset-summary{flex-basis:100%}.animation-panel-reference .animation-timing-row{grid-template-columns:repeat(3,minmax(0,1fr))}.animation-panel-reference .animation-control-group{flex-wrap:wrap;justify-content:flex-end}.asset-library .asset-thumbnail{height:150px}.room-diagram{margin:16px 0}.ui-input[data-control=text],.ui-select,textarea{font-size:16px}.surface-row{min-height:60px}}@media(pointer:coarse),(max-width:760px){.ui-button:not([data-surface=true]),.ui-input[data-control=text],.ui-select{min-height:44px}.ui-button[data-icon=true]{min-width:44px}.animation-panel-reference .animation-control-group>.ui-button{min-width:44px;min-height:44px}.animation-panel-reference .timeline-track{height:50px}.animation-panel-reference .timeline-clip{height:44px}.animation-panel-reference .clip-handle{width:24px}.animation-follow,.material-check,.consent-check{min-height:44px}}@media(prefers-reduced-motion:reduce){.ui-button{transition:none}.ui-loading{animation:none}}.app .ui-button[aria-pressed=true]:not([data-surface=true]),.media-edit-modal .ui-button[aria-pressed=true]{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:transparent}@media(max-width:480px){.asset-library .asset-grid{grid-template-columns:1fr}.asset-library .asset-thumbnail{height:180px}.asset-card-actions{flex-wrap:wrap}.asset-card-actions .ui-button{flex:1;white-space:nowrap}.top-actions{column-gap:4px}.animation-panel-reference .animation-effect-row .ui-select{font-size:13px}}svg.lucide{stroke-width:var(--icon-stroke-width)}.app .animation-panel-reference .selected .clip-phases i{background:transparent;border-right:1px solid #238a5b20}.app .animation-panel-reference .selected .clip-phases i:nth-child(1),.app .animation-panel-reference .selected .clip-phases i:nth-child(4){background:#fff6}.app .animation-panel-reference .selected .clip-phases i:nth-child(2){background:#5fd09630}.app .animation-panel-reference .selected .clip-phases i:nth-child(3){background:#fff2}.app .animation-panel-reference .selected .clip-handle{color:var(--color-primary-dark)}.preview-heading .panel-accent-title{position:relative;padding-left:13px;line-height:24px;font-size:16px;font-weight:500}.preview-heading .panel-accent-title:before{content:"";position:absolute;left:0;top:3px;width:3px;height:18px;border-radius:2px;background:var(--color-primary)}.animation-panel-reference .animation-heading-copy{padding-left:0}.animation-panel-reference .animation-heading-copy:before{content:none}.animation-panel-reference .animation-heading-copy p{padding-left:13px}.managed-layer-row .layer-name-editor{display:flex;align-items:center;gap:5px;padding:3px}.layer-name-editor .ui-input{min-width:0;width:100%;height:30px;padding:3px 5px;font-size:12px}@media(max-width:760px){.language-switch.ui-button{width:44px;min-width:44px;min-height:44px}.layer-name-editor .ui-input{min-height:44px;font-size:16px}}.managed-layer-row{cursor:pointer}.managed-layer-row>.layer-disclosure{width:22px;min-width:22px;padding:0;background:transparent;border:0}@media(pointer:coarse){.managed-layer-row>.layer-disclosure{width:44px;min-width:44px;min-height:44px}}.asset-library .asset-upload{margin-bottom:16px}.project-trash-actions{display:flex;justify-content:flex-end;margin:0 0 12px}.ui-disclosure-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:45px;margin:0;padding:0}.ui-disclosure-heading[data-expanded=true]{margin-bottom:12px}.ui-disclosure-copy{min-width:0}.ui-disclosure-heading .panel-accent-title{position:relative;margin:0;padding-left:13px;font-size:16px;font-weight:500;line-height:24px}.ui-disclosure-heading .panel-accent-title:before{content:"";position:absolute;left:0;top:3px;width:3px;height:18px;border-radius:2px;background:var(--color-primary)}.ui-disclosure-copy p{margin:3px 0 0;padding-left:13px;color:var(--text-secondary);font-size:12px;font-weight:400;line-height:18px}.ui-disclosure-heading>.ui-disclosure-toggle{height:36px;min-height:36px;flex-shrink:0;gap:8px;padding:0 8px;border:0;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:400;line-height:20px}.ui-disclosure-heading>.ui-disclosure-toggle:hover{background:var(--bg-hover)}.ui-disclosure-toggle svg{width:16px;height:16px}.collapsible-previews .surface-previews{margin-top:0}@media(max-width:760px){.app main>.preview-section.collapsible-previews{padding:12px}}@media(pointer:coarse),(max-width:760px){.ui-disclosure-heading>.ui-disclosure-toggle{height:44px;min-height:44px}}