:root{color:#263242;font-synthesis:none;--ink:#263242;--muted:#76818e;--blue:#365f82;--panel:#f7f8fa;--border:#d7dde4;--light-border:#e6e9ed;background:#e7ebef;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;transition:background .12s,color .12s;display:inline-flex}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{background:#e9edf1}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #547c9c}input,select{min-width:0}input[type=number]::-webkit-inner-spin-button{opacity:0}input[type=number]:focus::-webkit-inner-spin-button{opacity:1}input[type=number]:hover::-webkit-inner-spin-button{opacity:1}select{border:1px solid var(--border);background:#fff;border-radius:5px;max-width:100%;padding:7px 24px 7px 9px;font-size:12px}input[type=range]{accent-color:var(--blue);cursor:pointer;width:100%;height:3px}input[type=checkbox]{accent-color:var(--blue)}input[type=color]{cursor:pointer;background:0 0;border:1px solid #c6ccd3;border-radius:4px;width:24px;height:23px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}svg{flex-shrink:0}a{color:inherit;text-decoration:none}.studio-app{flex-direction:column;min-width:1050px;height:100dvh;min-height:620px;display:flex;overflow:hidden}.app-header{background:var(--panel);border-bottom:1px solid var(--border);z-index:30;flex-shrink:0;align-items:center;gap:22px;height:76px;padding:0 24px;display:flex}.wordmark{letter-spacing:-2px;align-items:center;gap:13px;font-size:35px;font-weight:600;line-height:1;display:flex}.wordmark span{letter-spacing:2.4px;color:var(--muted);padding-top:8px;font-size:9px;font-weight:500}.header-divider{background:var(--border);width:1px;height:29px}.project-title{flex-direction:column;gap:5px;min-width:200px;display:flex}.project-title input{background:0 0;border:0;outline:0;width:235px;padding:0;font-size:14px;font-weight:500}.project-title>span{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.save-dot{background:#80968c;border-radius:50%;width:4px;height:4px}.header-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.icon-button{border-radius:5px;flex-shrink:0;width:30px;height:30px;padding:0}.icon-button>svg{width:16px;height:16px}.icon-button.active{color:#2c587d;background:#dce7f0}.text-button{border-radius:5px;padding:8px 10px;font-size:12px}.primary-button{background:var(--blue);color:#fff;border-radius:5px;padding:10px 13px;font-size:12px;font-weight:500}.primary-button:not(:disabled):hover{background:#2b506f}.record-button{border:1px solid var(--border);background:#fff;border-radius:5px;margin-left:4px;padding:9px 12px;font-size:12px}.export-wrap{margin-left:5px;position:relative}.export-menu{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:14px;width:264px;padding:18px;display:flex;position:absolute;top:45px;right:0;box-shadow:0 8px 30px #2632421a}.export-menu>strong{font-size:14px}.export-menu p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.full{width:100%}.workspace{flex:1;grid-template-columns:218px minmax(420px,1fr) 280px;min-height:0;display:grid}.objects-panel{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.panel-heading{border-bottom:1px solid var(--light-border);flex-shrink:0;justify-content:space-between;align-items:center;height:53px;padding:0 18px;font-size:12px;font-weight:500;display:flex}.count{color:var(--muted);background:#e9edf1;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:400}.add-band{border:1px solid var(--border);background:#fff;border-radius:5px;flex-shrink:0;height:35px;margin:16px 16px 23px;font-size:12px;font-weight:500}.layer-label{letter-spacing:1.25px;color:#84909c;justify-content:space-between;align-items:center;padding:0 18px 11px;font-size:9px;font-weight:500;display:flex}.object-list{flex-shrink:1;min-height:80px;max-height:36%;padding:0 8px;overflow:auto}.object-row{border-radius:5px;align-items:center;height:64px;margin-bottom:4px;padding:0 5px;display:flex;position:relative}.object-row.selected{background:#e5edf4}.object-row:hover:not(.selected){background:#eceff3}.object-row>.icon-button{width:24px}.object-select{text-align:left;white-space:normal;flex:1;justify-content:flex-start;gap:9px;min-width:0;padding:5px 0}.object-select:hover{background:0 0!important}.object-select>span:nth-child(2){min-width:0}.object-select strong{text-overflow:ellipsis;white-space:nowrap;max-width:106px;font-size:11px;font-weight:500;display:block;overflow:hidden}.object-select small{color:var(--muted);text-transform:capitalize;margin-top:5px;font-size:10px;display:block}.object-thumb{background:#fff;border:1px solid #dce0e5;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:43px;display:flex}.flat-thumb{background:repeating-linear-gradient(90deg,#ddd1b9 0 2px,#494740 2px 3px);border-top:3px solid;border-bottom:3px solid;width:10px;height:30px;display:block;transform:rotate(-20deg)}.loop-thumb{background:#f7f8fa;border:4px solid #b5aa94;border-radius:40%;width:19px;height:28px;display:block;transform:rotate(-20deg);box-shadow:2px 1px #d6c8ae}.vector-thumb{color:var(--blue)}.layer-index{display:none}.muted{opacity:.5}.object-actions{justify-content:space-between;margin:12px 17px 22px;display:flex}.object-actions>button:first-child{color:#5e6b79;padding:5px 2px;font-size:11px}.draw-section{border-top:1px solid var(--light-border);margin:0 16px;padding-top:22px}.draw-section .layer-label{padding:0 0 11px;font-size:8px}.draw-section>button{border-radius:5px;justify-content:flex-start;width:100%;padding:10px 6px;font-size:12px}.draw-section small{color:#939ca7;margin-left:auto;font-size:9px}.draw-section p{color:var(--muted);margin:10px 5px;font-size:10px;line-height:1.6}.sidebar-bottom{margin-top:auto;padding:20px 18px 16px}.tiny-logo{letter-spacing:-2px;color:#bac3cd;font-size:32px;font-weight:500}.sidebar-bottom p{color:#8c96a2;margin:10px 0 20px;font-size:11px;line-height:1.6}.scene-button{border-top:1px solid var(--border);color:#617487;justify-content:flex-start;width:100%;padding:14px 0 0;font-size:11px}.scene-button.active{color:var(--blue);font-weight:600}.center-panel{background:#e7ebef;flex-direction:column;min-width:0;min-height:0;display:flex}.viewport-toolbar{background:#edf0f3;border-bottom:1px solid #d9dfe5;flex-shrink:0;align-items:center;gap:5px;height:53px;padding:0 19px;display:flex}.segmented{background:#f8fafb;border:1px solid #d7dde3;border-radius:5px;align-items:center;gap:1px;padding:2px;display:flex}.toolbar-segment .icon-button{width:30px;height:27px}.space-button{color:var(--muted);margin-left:5px;padding:8px;font-size:10px}.toolbar-spacer{flex:1}.viewport-toolbar select{background:0 0;border:0;max-width:130px;padding-right:12px;font-size:11px}.artboard-area{flex:1;justify-content:center;align-items:center;min-height:0;padding:40px 36px 36px;display:flex;position:relative;overflow:hidden}.artboard{background-color:#fff;background-image:linear-gradient(45deg,#e7e9eb 25%,#0000 25%),linear-gradient(-45deg,#e7e9eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e7e9eb 75%),linear-gradient(-45deg,#0000 75%,#e7e9eb 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;flex-shrink:1;width:auto;min-width:0;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 8px 35px #31435a12}.canvas-host{position:absolute;inset:0}.canvas-host canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.artboard-meta{letter-spacing:1.5px;color:#818e9c;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:17px;left:36px;right:36px}.meta-separator{color:#b7bec7;padding:0 9px}.artboard-meta>span:last-child{color:#a2abb6;font-size:7px}.viewport-hint{color:#909ca9;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex;position:absolute;bottom:12px;left:21px;right:21px}.hint-right{margin-left:auto}.timeline{background:#f1f3f6;border-top:1px solid #d2d9e1;flex-direction:column;flex-shrink:0;height:153px;display:flex}.playback-controls{border-bottom:1px solid #dfe4e9;align-items:center;gap:13px;height:49px;padding:0 21px;display:flex}.play-button{width:29px;height:29px;color:var(--blue);background:#fff;border:1px solid #d5dce4;border-radius:50%}.time-readout{font-variant-numeric:tabular-nums;font-size:11px}.time-readout>span{color:#9aa4af;font-size:10px}.timeline-label{letter-spacing:1.4px;color:#8995a2;margin-left:12px;font-size:8px}.duration-label{color:#8a96a4;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.duration-label select{background:0 0;padding:4px;font-size:10px}.fps{letter-spacing:1px;color:#919daa;font-size:8px}.timeline-track{flex:1;min-height:0;margin:5px 24px 13px 25px;position:relative}.time-ruler{color:#9aa5b1;-webkit-user-select:none;user-select:none;justify-content:space-between;padding:2px 0 8px;font-size:8px;display:flex}.motion-tracks{flex-direction:column;gap:4px;max-height:64px;display:flex;overflow:auto}.motion-track{color:#637c92;text-transform:capitalize;background:#dae4ec;border:1px solid #c9d8e5;border-radius:3px;flex-shrink:0;justify-content:space-between;height:22px;padding:3px 10px;font-size:9px}.motion-track.static{color:#97a1ad;background:#e6eaf0;border:1px solid #dbe1e8}.motion-track.selected{color:#476987;background:#d5e2ec;border-color:#8ca7bd}.motion-track span:last-child{opacity:.8;font-size:8px}.timeline-track>input{opacity:0;z-index:5;width:100%;height:18px;margin:0;position:absolute;inset:0}.playhead{pointer-events:none;z-index:4;background:#6084a2;width:1px;position:absolute;top:15px;bottom:0}.playhead:before{content:"";clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);background:#6084a2;width:7px;height:7px;position:absolute;top:-9px;left:-3px}.inspector{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.inspector-object{border-bottom:1px solid var(--light-border);padding:18px 18px 15px}.inspector-object input{letter-spacing:-.3px;background:0 0;border:0;width:100%;padding:0;font-size:15px;font-weight:500}.inspector-object>span{color:#8d98a4;margin-top:6px;font-size:10px;display:block}.inspector-scroll{scrollbar-width:thin;scrollbar-color:#cbd3dc transparent;flex:1;overflow-y:auto}.inspector-section{border-bottom:1px solid var(--light-border);padding:0 18px}.inspector-section summary{cursor:pointer;justify-content:space-between;align-items:center;padding:17px 0;font-size:11px;font-weight:500;list-style:none;display:flex}.inspector-section summary::-webkit-details-marker{display:none}.inspector-section:not([open]) summary>svg{transform:rotate(-90deg)}.inspector-section summary svg{color:#9aa5af}.section-content{flex-direction:column;gap:13px;padding-bottom:20px;display:flex}.pose-switch{gap:6px;margin-bottom:1px;display:flex}.pose-switch button{border:1px solid var(--border);color:#8997a4;background:#fafbfc;border-radius:5px;flex-direction:column;flex:1;gap:4px;padding:9px 0 7px;font-size:10px;display:flex}.pose-switch button.active{color:#365f82;background:#eaf0f5;border-color:#6c8da8}.field{color:#6f7e8e;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.field select{flex:1;max-width:165px;font-size:10px}.mini-label{color:#7b8896;font-size:10px}.finish-swatches{gap:10px;margin:-3px 0 0;display:flex}.finish-swatches button{border:1px solid #0000;border-radius:50%;width:30px;height:30px;padding:3px;position:relative}.finish-swatches button>span{border:1px solid #2632421c;border-radius:50%;width:23px;height:23px}.finish-swatches button.active{border-color:#7f9bb3}.finish-swatches button>svg{color:#fff;filter:drop-shadow(0 1px 1px #0008);position:absolute;top:9px;left:9px}.color-field{color:#6f7e8e;justify-content:space-between;align-items:center;font-size:10px;display:flex}.color-value{font-variant-numeric:tabular-nums;color:#8793a0;align-items:center;gap:9px;font-size:9px;display:flex}.range-field{flex-direction:column;gap:7px;display:flex}.range-field>label{color:#6f7e8e;justify-content:space-between;align-items:center;font-size:10px;display:flex}.range-field>label>span{color:#516577;font-variant-numeric:tabular-nums;font-size:10px}.field-note{color:#929ba6;margin:-2px 0 0;font-size:10px;line-height:1.6}.upload-watch{color:#6e879c;cursor:pointer;align-items:center;gap:4px;margin-top:-4px;font-size:9px;display:flex}.inline-link{color:var(--blue);justify-content:flex-start;padding:0;font-size:9px}.texture-maps{border:1px solid var(--border);border-radius:5px;margin:0 0 3px;overflow:hidden}.map-row{border-bottom:1px solid var(--light-border);align-items:center;gap:8px;padding:8px;display:flex;position:relative}.map-row:last-child{border:0}.map-indicator{color:#adb5bf;border:1px dashed #c6cdd6;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.map-indicator.filled{color:#6e6a61;background:repeating-linear-gradient(45deg,#e9e3d8 0 4px,#a29d96 4px 5px);border:1px solid #c9c4bc}.map-row>label{cursor:pointer;flex:1;min-width:0;padding:2px 0}.map-row strong{font-size:9px;font-weight:400;display:block}.map-row small{color:#97a0aa;text-overflow:ellipsis;white-space:nowrap;max-width:132px;margin-top:4px;font-size:8px;display:block;overflow:hidden}.map-row .icon-button{width:20px;height:23px}.map-plus{color:#94a0ad;pointer-events:none;font-size:16px}.outline-button{color:#59758c;background:#fff;border:1px solid #ccd6e0;border-radius:4px;padding:8px;font-size:10px}.xyz-field>div:first-child{color:#7a8998;margin-bottom:7px;font-size:10px}.xyz-inputs{gap:4px;display:flex}.xyz-inputs label{border:1px solid var(--border);background:#fff;border-radius:4px;flex:1;align-items:center;gap:3px;min-width:0;padding:6px 5px;display:flex}.xyz-inputs span{color:#a0aab5;font-size:8px}.xyz-inputs input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.check-field{color:#6f7e8e;align-items:center;gap:6px;font-size:10px;display:flex}.scene-intro{color:#8192a2;padding:27px 18px 19px}.scene-intro h2{letter-spacing:-.5px;color:#425b70;margin:16px 0 8px;font-size:18px;font-weight:400}.scene-intro p{color:#8793a0;margin:0;font-size:11px;line-height:1.65}.inspector-footer{border-top:1px solid var(--border);color:#8595a2;flex-shrink:0;align-items:center;gap:5px;height:35px;padding:0 16px;font-size:8px;display:flex}.inspector-footer>span:last-child{letter-spacing:1px;color:#a4adb7;margin-left:auto;font-size:7px}.live-dot{background:#7c9d8b;border-radius:50%;width:4px;height:4px}.loading-scene{color:#8093a2;background:#f2f3f2;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;position:absolute;inset:0}.loading-scene strong{color:#526b7f;font-size:13px;font-weight:500}.loading-scene span{font-size:11px}.spin{animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drawing-hint{color:#4f708d;white-space:nowrap;background:#f7faffed;border:1px solid #bfcfdd;border-radius:6px;align-items:center;gap:12px;padding:9px 10px 9px 14px;font-size:10px;display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #26324210}.drawing-hint strong{font-weight:500}.drawing-hint button{padding:4px;font-size:10px}.busy-overlay{z-index:12;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#e7ebef66;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.busy-overlay>div{color:#52718c;background:#f7fafdef;border:1px solid #c9d5de;border-radius:8px;flex-direction:column;align-items:center;gap:14px;min-width:250px;padding:25px 35px;display:flex;box-shadow:0 10px 40px #2632421f}.busy-overlay strong{font-size:14px;font-weight:500}.busy-overlay span{color:#8594a1;font-size:10px}.busy-overlay progress{width:100%;height:4px;accent-color:var(--blue)}.busy-overlay button{font-size:10px;text-decoration:underline}.disabled-panel{pointer-events:none;opacity:.5}.toast{z-index:100;color:#fff;background:#263a4bed;border-radius:6px;align-items:center;gap:20px;max-width:600px;padding:13px 16px;font-size:12px;line-height:1.5;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #26324220}.toast button{color:#fff;padding:2px}.toast button:hover{background:#ffffff20}@media (width>=1600px){.workspace{grid-template-columns:232px minmax(500px,1fr) 300px}.artboard-area{padding:46px 52px 36px}.artboard-meta{left:52px;right:52px}.app-header{height:82px}}@media (width<=1200px){.workspace{grid-template-columns:190px minmax(400px,1fr) 260px}.app-header{gap:16px;padding:0 17px}.project-title input{width:190px}.wordmark span,.hint-right{display:none}.object-select strong{max-width:89px}.objects-panel .object-row>.icon-button{display:none}.artboard-area{padding-left:24px;padding-right:24px}.header-actions{gap:2px}.field select{max-width:145px}.sidebar-bottom p{margin-bottom:10px}.timeline-label{display:none}}.artboard-area{container-type:size}.artboard{width:min(100cqw,calc(100cqh * var(--ratio)));height:auto;aspect-ratio:var(--ratio);flex-shrink:0;max-width:none;max-height:none}.object-list{flex:1;min-height:120px;max-height:none}.draw-section{padding-top:16px}.draw-section p{margin-bottom:0}.object-actions{margin-bottom:16px}.sidebar-bottom{padding-top:12px}.sidebar-bottom .tiny-logo,.sidebar-bottom p{display:none}.sidebar-bottom .scene-button{padding-top:14px}.mobile-panel-toggle{display:none}.studio-app{min-width:0}@media (width<=1050px){.workspace{display:block;position:relative}.center-panel{height:100%}.objects-panel,.inspector{display:none}.objects-panel.is-open,.inspector.is-open{z-index:22;width:260px;display:flex;position:absolute;top:53px;bottom:0;box-shadow:0 8px 28px #26324224}.objects-panel.is-open{left:0}.inspector.is-open{right:0}.mobile-panel-toggle{background:#f9fafb;border:1px solid #d2dae2;border-radius:5px;width:30px;height:30px;display:inline-flex}.app-header{gap:13px;height:65px;padding:0 15px}.wordmark{font-size:30px}.project-title{flex:1;min-width:0}.project-title input{width:100%;max-width:200px;font-size:12px}.header-actions .text-button,.header-actions .record-button,.header-actions>.export-wrap>.primary-button{gap:0;padding:9px;font-size:0}.header-actions>.export-wrap>.primary-button>svg:last-child{display:none}.header-actions>.header-divider{margin:0 4px}.header-actions{margin-left:0}.header-actions .icon-button{width:26px}.header-divider{height:24px}.artboard-area{padding:34px 22px 32px}.artboard-meta{left:22px;right:22px}.inspector-object{padding:14px 18px}.timeline{height:137px}}@media (width<=560px){.app-header{gap:9px;padding:0 10px}.app-header>.header-divider,.header-actions>.header-divider{display:none}.project-title>span{font-size:8px}.header-actions .icon-button{display:none}.header-actions{gap:0}.record-button{margin-left:2px}.export-wrap{margin-left:3px}.viewport-toolbar{gap:3px;padding:0 9px}.space-button{margin-left:0;padding:5px}.viewport-toolbar select{max-width:110px}.viewport-toolbar>.icon-button{width:25px}.viewport-hint{font-size:8px;left:16px}.drawing-hint{white-space:normal;max-width:95%;font-size:9px}.artboard-meta>span:last-child{display:none}.playback-controls{gap:10px;padding:0 15px}}.hex-input{text-align:right;color:#8793a0;font-variant-numeric:tabular-nums;background:0 0;border:0;width:59px;padding:3px 0;font-size:9px}.workspace.is-busy .viewport-toolbar,.workspace.is-busy .objects-panel,.workspace.is-busy .timeline{pointer-events:none;opacity:.6}.open-project{cursor:pointer;justify-content:center;align-items:center;gap:7px;display:inline-flex}.open-project:hover{background:#e9edf1}.browse-design{text-align:left;border:1px solid var(--border);background:#fff;border-radius:5px;align-items:center;gap:12px;width:100%;padding:9px;display:flex}.browse-design>span:nth-child(2){flex:1;min-width:0}.browse-design strong{text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.browse-design small{color:var(--blue);margin-top:5px;font-size:10px;display:block}.current-design-thumb{background:#edf0f3;border-radius:3px;justify-content:center;align-items:center;width:32px;height:48px;display:flex;overflow:hidden}.current-design-thumb img{object-fit:contain;max-width:28px;height:44px}.band-library{background:var(--panel);width:min(950px,100vw - 32px);max-height:calc(100dvh - 36px);color:var(--ink);border:1px solid #c6d1dc;border-radius:10px;padding:0;box-shadow:0 25px 100px #26324245}.band-library::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#23384b66}.library-shell{flex-direction:column;height:min(800px,100dvh - 38px);display:flex}.library-header{justify-content:space-between;align-items:center;padding:23px 24px 18px;display:flex}.library-header h2{letter-spacing:-.6px;margin:0;font-size:22px;font-weight:500}.library-header p{color:#76818e;margin:6px 0 0;font-size:12px}.library-search{color:#8294a4;background:#fff;border:1px solid #ccd6e0;border-radius:5px;align-items:center;gap:10px;margin:0 24px;padding:11px 13px;display:flex}.library-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.library-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:5px;padding:15px 24px;display:flex}.library-filters button{color:#748494;border-radius:4px;padding:6px 10px;font-size:11px}.library-filters button.active{color:#365f82;background:#dae6f0}.library-filters>span{color:#7e8c99;margin-left:auto;font-size:11px}.library-body{flex:1;min-height:0;display:flex}.library-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(114px,1fr));align-content:start;gap:13px;min-width:0;padding:22px 24px;display:grid;overflow-y:auto}.design-card{text-align:left;background:0 0;border-radius:5px;flex-direction:column;justify-content:start;align-items:stretch;gap:0;min-width:0;padding:0;display:flex}.design-preview{background:#e8edf1;border:1px solid #dee4e9;border-radius:5px;justify-content:center;align-items:center;width:100%;height:153px;transition:background .15s;display:flex;position:relative}.design-preview img{object-fit:contain;filter:drop-shadow(2px 3px 2px #23384b14);max-width:95%;height:139px}.design-card.selected .design-preview{background:#dfeaf2;border:2px solid #527ea7}.design-card:hover .design-preview{background:#e0e8ef}.design-card strong{overflow-wrap:anywhere;padding:8px 2px 0;font-size:11px;font-weight:500;line-height:1.4}.design-card small{color:#8a96a2;padding:4px 2px 0;font-size:9px}.design-check{color:#fff;background:#527ea7;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;display:flex;position:absolute;top:6px;right:6px}.library-detail{border-left:1px solid var(--border);text-align:center;background:#f0f3f6;flex-direction:column;flex-shrink:0;align-items:center;width:204px;padding:22px 20px;display:flex;overflow:auto}.library-detail>img{object-fit:contain;filter:drop-shadow(3px 6px 4px #23384b22);max-width:150px;height:230px}.library-detail h3{overflow-wrap:anywhere;margin:22px 0 0;font-size:15px;font-weight:500}.library-detail>p{color:#7d8a97;margin:7px 0 15px;font-size:11px;line-height:1.5}.library-stitch{color:#6b7a88;align-items:center;gap:7px;font-size:10px;display:flex}.library-stitch span{border:1px solid #1a263333;border-radius:50%;width:13px;height:13px}.library-detail .library-detail-note{margin-top:21px;font-size:11px;line-height:1.7}.library-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;display:flex}.library-footer label{color:#63768a;align-items:center;gap:8px;font-size:11px;display:flex}.library-footer .primary-button{padding:11px 15px;font-size:12px}.library-empty{text-align:center;color:#718394;grid-column:1/-1;padding:45px 10px;font-size:13px}.library-empty button{color:var(--blue);margin:16px auto;text-decoration:underline;display:block}@media (width<=720px){.library-detail{display:none}.library-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:15px}.library-header{padding:19px 18px 15px}.library-search{margin:0 18px}.library-filters{gap:0;padding:12px 15px}.library-filters button{padding:6px 8px}.library-filters>span{display:none}.library-footer{flex-wrap:wrap;justify-content:flex-end;padding:14px}.library-footer label{margin-right:auto}.library-footer .primary-button{font-size:11px}.design-preview{height:142px}.design-preview img{height:129px}}@media (prefers-reduced-motion:reduce){.design-preview{transition:none}}.object-design-photo{object-fit:contain;max-width:25px;height:35px;transform:rotate(-13deg)}