.workspace-library{max-width:1320px;margin:auto;padding:68px 5vw 100px;color:#202820}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:60px}.workspace-heading h1{font-size:clamp(34px,4vw,52px);font-weight:500;letter-spacing:-.055em;margin:0}.workspace-actions{display:flex;gap:10px;flex:none}.workspace-primary,.workspace-secondary{border:0;border-radius:9px;padding:11px 18px;font:500 14px Inter,sans-serif;cursor:pointer;min-height:42px;transition:background .15s}.workspace-primary{background:#202820;color:#fff}.workspace-primary:hover{background:#394737}.workspace-secondary{background:#e7ede2;color:#263124}.workspace-secondary:hover{background:#dbe5d4}.workspace-library button:disabled{opacity:.5;cursor:wait}.workspace-filter{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.workspace-filter h2{font-size:19px;font-weight:500;letter-spacing:-.03em;margin:0}.workspace-filter>div{display:flex;gap:12px}.workspace-filter input,.workspace-filter select{background:transparent;border:0;border-bottom:1px solid #cbd4c5;border-radius:0;padding:10px 0;font:14px Inter,sans-serif;color:#344330;max-width:210px}.workspace-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}.workspace-preview{display:block;background:#e8ece3;border-radius:13px;aspect-ratio:1.25;overflow:hidden;transition:background .15s}.workspace-preview:hover{background:#dfe7d7}.workspace-preview svg{width:100%;height:100%;display:block;padding:22px}.workspace-project-meta{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 2px;gap:10px;font-size:15px}.workspace-project-meta>div{min-width:0}.workspace-project-meta a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-project-meta span{display:block;font-size:12px;color:#596a51;margin-top:5px}.project-menu{position:relative;flex:none}.project-menu summary{list-style:none;padding:2px 5px;cursor:pointer;border-radius:5px}.project-menu summary::-webkit-details-marker{display:none}.project-menu summary:hover{background:#e4ebdf}.project-menu>div{position:absolute;right:0;top:30px;z-index:5;min-width:155px;background:#fff;padding:6px;border-radius:10px;box-shadow:0 8px 35px #1c301c24}.project-menu button,.project-menu a{font:14px Inter,sans-serif;display:block;width:100%;padding:10px;text-align:left;border:0;border-radius:5px;background:none;color:#263124;cursor:pointer}.project-menu button:hover,.project-menu a:hover{background:#edf2e8}.project-menu .delete-project{color:#a4412c}.workspace-empty{padding:70px 0}.workspace-empty h2{font-size:27px;letter-spacing:-.035em;font-weight:450;margin:0 0 24px}.workspace-error{color:#a4412c;font-size:14px;margin-bottom:24px}.project-dialog{padding:28px;border:0;border-radius:16px;background:#fff;color:#263124;width:min(400px,calc(100vw - 36px));box-shadow:0 15px 70px #18201633}dialog::backdrop{background:#17271655}.project-dialog h2{font-size:24px;letter-spacing:-.04em;font-weight:500;margin:0 0 24px}.project-dialog label{display:grid;gap:9px;margin:18px 0;font-size:13px}.project-dialog input{background:#edf2e8;border:0;border-radius:7px;padding:12px;font:15px Inter,sans-serif;width:100%}.project-dialog form>div{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.editor-workspace{height:100dvh;overflow:hidden;background:#eef1e9;color:#253022}.studio-root,.studio-workspace-host{height:100%;width:100%}.workspace-library :focus-visible,.project-dialog :focus-visible{outline:2px solid #426235;outline-offset:3px}.studio-save-status{font-size:12px;color:#617656;margin-left:auto;white-space:nowrap}.engine-utility{display:none!important}.workspace-load-error{padding:10vh 8vw}.workspace-load-error h1{font-size:32px;letter-spacing:-.04em;margin-bottom:24px}.workspace-load-error p{margin-bottom:24px}@media(max-width:1000px){.workspace-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-save-status{display:none}}@media(max-width:740px){.workspace-library{padding:40px 24px 70px}.workspace-heading{display:block;margin-bottom:40px}.workspace-actions{margin-top:25px}.workspace-filter{align-items:flex-start;flex-direction:column;gap:12px}.workspace-filter input{font-size:16px}.workspace-filter>div{width:100%;flex-wrap:wrap}.workspace-preview{border-radius:10px}}@media(max-width:480px){.workspace-projects{grid-template-columns:1fr;gap:26px}.workspace-heading h1{font-size:36px}}.material-advanced summary{cursor:pointer;font-size:12px;color:#48613c;padding:8px 0;list-style:none}.material-advanced summary:after{content:"+";float:right}.material-advanced[open] summary:after{content:"−"}.material-advanced>div{display:grid;gap:26px;padding-top:22px}.material-advanced summary:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:2px 4px 0 0}.material-advanced[open] summary:after{content:"";transform:rotate(225deg);margin-top:6px}.auth-page{overflow-y:auto!important;min-height:100dvh}.auth-page .auth-shell{min-height:100dvh;height:auto!important}.auth-page .auth-form-side{min-height:100dvh}.auth-page .auth-form-box{width:min(100%,390px)!important}.auth-page .auth-form-box h1{font-size:32px!important;letter-spacing:-.045em;line-height:1.15;margin-bottom:28px!important}.auth-page .auth-intro{margin-top:-12px!important;margin-bottom:24px!important}.auth-page .auth-field input{font-size:14px!important;height:44px!important}.auth-page .pass-field input{padding-right:48px!important}.auth-page .password-eye{height:44px!important;min-width:36px;width:36px;right:8px!important;display:grid;place-items:center;color:#dce4da!important;font-size:13px!important;background:transparent!important}.auth-page .password-eye:hover{color:#fff!important;background:#ffffff0a!important}.auth-page .password-eye:focus-visible{outline:2px solid #ff8748;outline-offset:-4px;border-radius:7px}.auth-page .auth-field input:focus{outline:2px solid #ff8748!important;outline-offset:2px}.auth-page .auth-socials button,.auth-page .submit{height:44px!important;font-size:15px!important;font-weight:550!important}.auth-page .auth-socials .google-mark path:nth-child(1){fill:#4285f4}.auth-page .auth-socials .google-mark path:nth-child(2){fill:#34a853}.auth-page .auth-socials .google-mark path:nth-child(3){fill:#fbbc05}.auth-page .auth-socials .google-mark path:nth-child(4){fill:#ea4335}.auth-page .auth-check-icon svg{width:15px;height:15px}.auth-page .auth-status:empty{display:none}.auth-page .auth-status{color:#f2a17c;font-size:13px;line-height:1.5;margin:14px 0}.auth-page .auth-lower-link{margin-top:24px!important}.auth-page .auth-header .brand:hover{opacity:1}.auth-page :disabled{cursor:wait;opacity:.65}.auth-page .auth-agreement input:focus-visible~.auth-check-icon{outline:2px solid #ff8748;outline-offset:3px}@media(max-width:740px){.auth-page .auth-field input{font-size:16px!important}.auth-page .auth-form-center{padding:40px 24px!important}.auth-page .auth-form-box h1{font-size:29px!important}.auth-page .auth-header,.auth-page .auth-bottom{padding:24px!important}}@media(max-height:730px){.auth-page .auth-form-center{padding-top:40px!important;padding-bottom:40px!important}}@media(max-width:740px){.auth-page .auth-art{display:none!important}.auth-page .auth-shell{display:block!important}}html .studio-shell{--studio-ink: var(--ui-text);--studio-secondary: var(--ui-muted);--studio-field: var(--ui-field);color-scheme:dark;display:flex;flex-direction:column;height:100%;width:100%;background:#171717;color:var(--studio-ink);font:13px/1.4 Inter,sans-serif}html .studio-shell *,html .studio-shell *:before,html .studio-shell *:after{box-sizing:border-box}html .studio-shell [hidden],html .engine-utility{display:none!important}html .studio-shell button,html .studio-shell input,html .studio-shell select{font:inherit;color:inherit}html .studio-shell button{cursor:pointer;border:0;box-shadow:none;transition:background .15s,color .15s}html .studio-shell button:disabled{opacity:.35;cursor:default}html .studio-shell :focus-visible{outline:2px solid #e5e5df;outline-offset:3px}html .studio-shell ::selection{background:#555;color:#fff}html .studio-shell .ui-icon{display:block;width:21px;height:21px;flex:none}html .studio-shell .studio-bar{display:flex;align-items:center;gap:14px;height:58px;min-height:58px;padding:0 20px}html .studio-shell .studio-brand{display:inline-flex;align-items:center;gap:9px;color:#f4f4f0;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:-.035em;flex:none}html .studio-shell .studio-brand>svg{width:24px;height:24px}html .studio-shell .studio-brand>svg circle{fill:#f4f4f0}html .studio-shell .studio-document{display:flex;align-items:center;gap:14px;min-width:0;flex:1;margin-left:18px}html .studio-shell .studio-document-name{width:min(220px,35vw);min-width:0;padding:7px 9px;border:0;border-radius:var(--ui-radius-control);background:transparent;color:#f4f4f0;font-size:13px;font-weight:500;text-overflow:ellipsis}html .studio-shell .studio-document-name:hover,html .studio-shell .studio-document-name:focus{background:#292929}html .studio-shell .studio-save-status{margin:0;color:#a8a8a2;font-size:11px;white-space:nowrap}html .studio-shell .studio-undo{display:flex;gap:2px}html .studio-shell .studio-undo button{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-text)}html .studio-shell .studio-undo button:hover{background:#2a2a2a;color:#fff}html .studio-shell .studio-save-action button{background:transparent;border-radius:999px;padding:8px 13px;font-weight:500}html .studio-shell .studio-save-action button:hover{background:#2a2a2a}html .studio-shell .studio-export-action{display:flex;align-items:center;justify-content:center;gap:9px;height:34px;padding:0 15px;border-radius:999px;background:#f4f4f0;color:#171717;font-weight:550}html .studio-shell .studio-export-action:hover{background:#deded8}html .studio-shell .studio-export-action svg{width:16px;height:16px}html .studio-shell .studio-layout{display:grid;grid-template-columns:62px 260px minmax(0,1fr);flex:1;min-height:0}html .studio-shell .studio-tools{display:flex;flex-direction:column;align-items:center;gap:12px;padding:17px 6px}html .studio-shell .studio-tools button{display:flex;flex-direction:column;align-items:center;gap:5px;width:48px;padding:9px 0 7px;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-text);font-size:10px;font-weight:500}html .studio-shell .studio-tools button:hover{background:#292929;color:#e9e9e5}html .studio-shell .studio-tools button.is-active{background:#f4f4f0;color:#171717}html .studio-shell .studio-properties{display:flex;flex-direction:column;min-height:0;background:#222;border-radius:var(--ui-radius-panel) var(--ui-radius-panel) 0 0}html .studio-shell .studio-properties>header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 19px;flex:none}html .studio-shell .studio-properties h2{margin:0;color:#f4f4f0;font:550 15px/1.4 Inter,sans-serif;letter-spacing:-.025em}html .studio-shell .studio-properties-close{display:none;background:transparent;padding:4px;border-radius:7px}html .studio-shell .studio-properties-slot{overflow:auto;min-height:0;padding:0 20px 24px;flex:1;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#505050 transparent}html .studio-shell .studio-properties-footer{padding:12px 20px 20px}html .studio-shell #resetControls{background:none;padding:4px 0;color:#b5b5af;font-size:12px;text-align:left}html .studio-shell #resetControls:hover{color:#fff}html .studio-shell #trySettings{display:block!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;overflow:visible!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important}html .studio-shell .studio-context{display:flex;flex-direction:column;gap:23px;min-width:0}html .studio-shell .studio-artboard{min-width:0;min-height:0;padding:0 16px 16px;display:flex;flex-direction:column}html .studio-shell .studio-viewbar{min-height:50px;display:flex;align-items:center;gap:12px;padding:0 4px 12px}html .studio-shell .studio-source-label{font-size:12px;color:var(--ui-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:40%}html .studio-shell .studio-dimensions{margin-left:auto}html .studio-shell .studio-upload-action{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;height:32px;padding:0 11px;border-radius:var(--ui-radius-control);background:#2b2b2b;color:#f4f4f0;font-size:12px;font-weight:500}html .studio-shell .studio-upload-action:hover{background:#383838}html .studio-shell .studio-upload-action svg{width:15px;height:15px}html .studio-shell .studio-source-hint{color:var(--ui-text);font-size:12px;line-height:1.5;margin:10px 0 0}@media(max-width:760px){html .studio-shell .studio-upload-action{width:34px;height:34px;padding:0;justify-content:center}html .studio-shell .studio-upload-action span{display:none}}html .studio-shell .studio-mode{position:static!important;transform:none!important;display:flex!important;background:#2b2b2b!important;padding:3px!important;border-radius:999px!important;box-shadow:none!important;gap:2px}html .studio-shell .studio-mode button{height:27px;padding:0 13px;min-width:45px;border-radius:999px;background:transparent;color:#c4c4be;font-size:12px;font-weight:500}html .studio-shell .studio-mode button.is-active{background:#f4f4f0;color:#171717}html .studio-shell .studio-geometry-action{display:flex;align-items:center;gap:7px;padding:6px 10px;background:#2b2b2b;border-radius:var(--ui-radius-control);color:#e5e5df;font-size:12px}html .studio-shell .studio-geometry-action svg{width:16px;height:16px}html .studio-shell .studio-geometry-action:hover{background:#414141;color:#fff}html .studio-shell .studio-brush-flat-action{align-self:flex-start;padding:8px 14px;background:var(--ui-light);color:var(--ui-on-light);border-radius:999px;corner-shape:round!important;font-weight:550}html .studio-shell .studio-brush-flat-action:hover{background:#deded9;color:var(--ui-on-light)}html .studio-shell .studio-surface{flex:1;min-height:0;position:relative;background:var(--artwork-backdrop, #f5f4ef);border-radius:var(--ui-radius-tile);overflow:hidden}html .studio-shell #tryStage{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none;margin:0!important;aspect-ratio:auto!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}html .studio-shell #tryCanvas{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:block;transform:none!important}html .studio-shell .preview-status{position:absolute!important;top:auto!important;bottom:14px!important;left:17px!important;font-size:11px!important;color:var(--artwork-caption, #666)!important;pointer-events:none;max-width:calc(100% - 34px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}html .studio-shell .preview-status b{display:none}html .studio-shell .drop-overlay{color:#222;background:#f5f4efd9}html .studio-shell .settings-row{display:flex!important;flex-direction:column;gap:8px!important;margin:0!important;width:100%!important}html .studio-shell .settings-row label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e6e6e0!important;font-size:12px!important}html .studio-shell .settings-row output{color:#b7b7b0!important;font-size:11px;font-variant-numeric:tabular-nums}html .studio-shell .settings-label,html .studio-shell .studio-image-mode>span,html .studio-shell .studio-3d-surface>span{color:#c4c4bd!important;font-size:12px}html .studio-shell .studio-image-mode{display:grid;gap:10px;margin:0}html .studio-shell .material-looks>span,html .studio-shell .studio-brush-tools>span{display:none}html .studio-shell .studio-mode-pills{display:flex;gap:2px;background:#303030;padding:3px;border-radius:var(--ui-radius-control);flex-wrap:nowrap}html .studio-shell .studio-mode-pills button{min-width:0;flex:1;padding:7px 5px;font-size:11px;font-weight:500;border-radius:7px;color:var(--ui-text);background:transparent}html .studio-shell .studio-mode-pills button.is-active{background:#545454;color:#fff;box-shadow:none}html .studio-shell .material-looks .studio-mode-pills{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));background:transparent!important;padding:0!important;gap:7px!important;border-radius:0!important}html .studio-shell .material-looks [data-grain-style]{display:flex;flex-direction:column;gap:8px;padding:5px 5px 9px!important;background:var(--studio-field)!important;border-radius:var(--ui-radius-control)!important;color:var(--ui-text)!important;font-size:11px}html .studio-shell .material-looks canvas{display:block;width:100%;height:auto;aspect-ratio:1.25;background:#f5f4ef;border-radius:var(--ui-radius-control);outline:none;box-shadow:none!important}html .studio-shell .material-looks [data-grain-style].is-active{color:var(--ui-on-light)!important;background:var(--ui-light)!important}html .studio-shell .studio-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px;color:#252322;text-align:center;z-index:2}html .studio-shell .studio-empty-state[hidden]{display:none}html .studio-shell .studio-empty-state h2{font-size:clamp(24px,3vw,38px);font-weight:500;letter-spacing:-.035em;margin:0}html .studio-shell .studio-empty-state p{font-size:14px;color:#57524c;margin:0}html .studio-shell .studio-empty-upload{display:inline-flex;align-items:center;gap:9px;background:#252322;color:#fff;border-radius:999px;corner-shape:round!important;padding:12px 22px;font-size:15px}html .studio-shell .studio-empty-upload:hover{background:#3a3632}html .studio-shell .studio-empty-upload svg{width:20px;height:20px}html .studio-shell .studio-empty-source-actions{display:flex;gap:18px}html .studio-shell .studio-empty-source-actions button{padding:8px;color:#4c463e;background:transparent}html .studio-shell .studio-empty-source-actions button:hover{color:#111;background:#e6e3db}html .studio-shell button:disabled{cursor:default;opacity:.4}html .studio-shell .material-preview-feedback{font-size:13px;line-height:1.5;color:#f5eeee}html .studio-shell .material-preview-feedback button{background:none;padding:0;color:inherit;text-decoration:underline}html .studio-shell .material-looks [data-grain-style].is-active canvas{outline:none}html .studio-shell .color-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}html .studio-shell .color-swatch{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;max-width:none;padding:4px 0;background:transparent;color:var(--ui-text);font-size:10px;font-weight:500;border-radius:var(--ui-radius-control)}html .studio-shell .color-swatch i{width:30px;height:30px;border-radius:12px;box-shadow:none;transform:none}html .studio-shell .color-swatch.active{color:var(--ui-on-light);background:var(--ui-light)}html .studio-shell .color-swatch.active i{outline:none;box-shadow:none}html .studio-shell input[type=range]{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;width:100%;height:20px!important;background:transparent!important;padding:0;margin:0;border:0;cursor:pointer}html .studio-shell input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#dadad3 var(--range-fill, 50%),#484848 var(--range-fill, 50%));border-radius:999px}html .studio-shell input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:11px;height:11px;border:0;border-radius:50%;background:#f4f4f0;margin-top:-4px}html .studio-shell input[type=range]::-moz-range-track{height:3px;border:0;border-radius:999px;background:#484848}html .studio-shell input[type=range]::-moz-range-progress{height:3px;border-radius:999px;background:#dadad3}html .studio-shell input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#f4f4f0}html .studio-shell .studio-disclosure summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--ui-text);padding:3px 0;font-size:12px}html .studio-shell .studio-disclosure summary::-webkit-details-marker{display:none}html .studio-shell .studio-disclosure summary svg{width:15px;height:15px}html .studio-shell .studio-disclosure[open] summary svg{transform:rotate(180deg)}html .studio-shell .studio-disclosure>div{display:flex;flex-direction:column;gap:22px;padding-top:20px}html .studio-shell .studio-source-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;border-radius:12px;background:#303030}html .studio-shell .studio-source-tabs button{padding:8px 5px;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-text);font-weight:500}html .studio-shell .studio-source-tabs button[aria-selected=true]{background:#f4f4f0;color:#171717}html .studio-shell .studio-source-choice{display:grid;gap:16px}html .studio-shell .studio-source-preview{display:grid;place-items:center;height:120px;padding:16px;margin:0;border-radius:var(--ui-radius-control);background:#f5f4ef}html .studio-shell .studio-source-preview img{display:block;max-width:100%;max-height:88px;object-fit:contain}html .studio-shell #uploadButton{display:flex;justify-content:center;align-items:center;gap:9px;background:#f4f4f0;color:#171717;border-radius:999px;height:35px;padding:0 14px;font-size:12px;font-weight:550}html .studio-shell #uploadButton:hover{background:#dcdcd6}html .studio-shell .studio-text-source{display:grid;gap:10px;color:var(--ui-text);font-size:12px}html .studio-shell #textInput{height:36px!important;width:100%!important;padding:0 11px!important;border:0!important;border-radius:var(--ui-radius-control)!important;background:#303030!important;color:#f4f4f0!important;font-size:13px}html .studio-shell .studio-shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}html .studio-shell .studio-shapes button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:11px 0;border-radius:var(--ui-radius-control);background:#303030;color:var(--ui-text);font-size:10px}html .studio-shell .studio-shapes button:hover{background:#444}html .studio-shell .studio-brush-tools .studio-mode-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0;background:none}html .studio-shell .studio-brush-tools button{display:grid;place-items:center;height:40px;padding:0;border-radius:var(--ui-radius-control);background:#303030}html .studio-shell .studio-brush-tools button.is-active{background:#f4f4f0;color:#171717}html .studio-shell .studio-brush-description h3{color:#f4f4f0;font-size:14px;font-weight:550;letter-spacing:-.015em;margin:0 0 8px}html .studio-shell .studio-brush-description p{font-size:12px;line-height:1.6;color:var(--ui-text);margin:0}html .studio-shell .engine-brush,html .studio-shell .engine-animation{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:22px}html .studio-shell .engine-brush label,html .studio-shell .engine-animation label{display:flex;flex-direction:column;align-items:stretch;gap:9px;color:var(--ui-text);font-size:12px;text-align:left}html .studio-shell .engine-animation label:has([type=checkbox]){flex-direction:row;align-items:center}html .studio-shell input[type=checkbox]{accent-color:#e5e5df;width:15px;height:15px}html .studio-shell input[type=color]{border:0;background:#303030;width:100%;height:34px;padding:5px;border-radius:var(--ui-radius-control)}html .studio-shell input[type=color]::-webkit-color-swatch-wrapper{padding:0}html .studio-shell input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}html .studio-shell .engine-brush label:has([type=color]){flex-direction:row;align-items:center;justify-content:space-between}html .studio-shell .engine-brush input[type=color]{width:32px;height:32px}html .studio-shell select,html .studio-shell input[type=number]{width:100%;height:36px;border:0;border-radius:var(--ui-radius-control);padding:0 11px;background:#303030;color:#f4f4f0}html .studio-shell .relief-controls{display:flex;flex-direction:column;gap:23px;border:0;padding-bottom:0;scroll-margin-top:8px}html .studio-shell .relief-controls .studio-3d-surface>span{color:var(--ui-text)!important;font-weight:550;font-size:13px}html .studio-shell .studio-3d-surface{display:grid;gap:10px}html .studio-shell .studio-transport{display:flex;align-items:center;gap:16px;padding:16px 6px 0}html .studio-shell .studio-transport>button{background:#f4f4f0;color:#171717;border-radius:999px;min-width:62px;height:31px;padding:0 12px}html .studio-shell .engine-timeline{flex:1;display:flex;align-items:center;gap:12px;font-size:12px;min-width:0}html .studio-shell .engine-timeline input{flex:1;min-width:0}html .studio-shell .engine-timeline output{min-width:38px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}html .studio-shell .studio-output-dialog{width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:20px;padding:26px;background:#242424;color:#f4f4f0}html .studio-shell .studio-output-dialog::backdrop{background:#0009}html .studio-shell .studio-output-dialog form{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 26px}html .studio-shell .studio-output-dialog h2{font-size:21px;font-weight:500;letter-spacing:-.04em;margin:0}html .studio-shell .studio-output-dialog form button{background:transparent;display:grid;place-items:center;padding:5px;border-radius:7px}html .studio-shell .engine-export{display:grid;gap:10px;color:var(--ui-text);font-size:12px}html .studio-shell .studio-output-download button{display:block;width:100%;min-height:37px;margin:23px 0 0;border-radius:999px;padding:9px 15px;background:#f4f4f0;color:#171717;font-weight:550}html .studio-shell .studio-output-download button:hover{background:#dcdcd6}html .studio-shell .studio-output-dialog>p{font-size:12px;line-height:1.6;color:var(--ui-text);margin:17px 0 0}html .studio-shell .studio-output-message{background:#303030;border-radius:var(--ui-radius-control);padding:12px;color:#f4f4f0!important}html .studio-shell .studio-output-message a{display:block;margin-top:9px;color:#fff;text-decoration:underline;text-underline-offset:3px}html .studio-shell .studio-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:min(500px,calc(100vw - 32px));z-index:20;margin:0;background:#f4f4f0;color:#171717;border-radius:12px;padding:12px 18px;font-size:13px;line-height:1.5}@media(max-width:1020px){html .studio-shell .studio-layout{grid-template-columns:56px 238px minmax(0,1fr)}html .studio-shell .studio-bar{gap:9px;padding:0 14px}html .studio-shell .studio-document{margin-left:10px}html .studio-shell .studio-save-status{display:none}html .studio-shell .studio-properties-slot{padding-left:17px;padding-right:17px}}@media(max-width:760px){html .studio-shell .studio-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 62px}html .studio-shell .studio-artboard{grid-column:1;grid-row:1;padding:0 12px 8px}html .studio-shell .studio-viewbar{min-height:46px;padding:0 3px 10px}html .studio-shell .studio-tools{grid-column:1;grid-row:3;flex-direction:row;justify-content:center;gap:30px;padding:3px 12px 8px}html .studio-shell .studio-tools button{width:44px;padding:7px 0 5px;gap:3px;border-radius:var(--ui-radius-control)}html .studio-shell .studio-properties{display:none;grid-column:1;grid-row:2;max-height:44dvh;margin:0 12px 6px;border-radius:var(--ui-radius-tile)}html .studio-shell.properties-open .studio-properties{display:flex}html .studio-shell .studio-properties>header{padding:13px 18px 12px}html .studio-shell .studio-properties-close{display:grid;place-items:center}html .studio-shell .studio-properties-slot{padding:0 18px 18px}html .studio-shell .studio-properties-footer{padding:8px 18px 13px}html .studio-shell .studio-context{gap:19px}html .studio-shell .studio-bar{padding:0 12px;gap:7px}html .studio-shell .studio-brand span{display:none}html .studio-shell .studio-document{margin-left:0}html .studio-shell .studio-document-name{width:100%;padding:7px 5px;font-size:12px}html .studio-shell .studio-undo button{width:27px;height:32px}html .studio-shell .studio-undo svg{width:17px;height:17px}html .studio-shell .studio-save-action button{padding:8px 9px;font-size:12px}html .studio-shell .studio-export-action{height:32px;padding:0 12px;gap:6px;font-size:12px}html .studio-shell .studio-source-preview{height:90px}html .studio-shell .studio-source-preview img{max-height:65px}html .studio-shell .material-looks canvas{aspect-ratio:1.7;max-height:64px;object-fit:contain}html .studio-shell .studio-transport{gap:12px;padding-top:12px}html .studio-shell .engine-timeline{font-size:0;gap:8px}html .studio-shell .studio-toast{bottom:74px}}@media(max-width:360px){html .studio-shell .studio-bar{padding:0 9px;gap:3px}html .studio-shell .studio-brand>svg{width:22px;height:22px}html .studio-shell .studio-export-action svg{display:none}html .studio-shell .studio-tools{gap:22px}html .studio-shell .studio-source-label{max-width:33%}}html .studio-shell [hidden]{display:none!important}html .studio-shell :is(.studio-source-tabs,.studio-source-tabs button,.studio-mode-pills,.studio-mode-pills button):not(.studio-brush-tools .studio-mode-pills):not(.studio-brush-tools button):not(.studio-extra-brushes):not(.studio-extra-brushes button):not(.material-looks .studio-mode-pills):not(.material-looks button):not(.studio-size-samples .studio-mode-pills):not(.studio-size-samples button){border-radius:999px!important;corner-shape:round!important}html .studio-shell .studio-orientation{display:grid;gap:12px}html .studio-shell .studio-orientation-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#eee}html .studio-shell .studio-orientation-caption button{background:none;padding:0;color:var(--ui-text);font-size:11px}html .studio-shell .studio-angle-pad{position:relative;display:block;width:100%;height:144px;padding:12px;overflow:hidden;background:#2b2b2b;border-radius:var(--ui-radius-tile);corner-shape:squircle;touch-action:none;cursor:crosshair}html .studio-shell .studio-angle-pad svg{width:100%;height:100%;fill:none;stroke:#666;stroke-width:.8;opacity:.6}html .studio-shell .studio-angle-dot{position:absolute;width:14px;height:14px;background:#f6f6f0;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ffffff14;pointer-events:none}html .studio-shell .studio-angle-value{font-size:11px;color:var(--ui-text);text-align:center;font-variant-numeric:tabular-nums}html .studio-shell .studio-motion-looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html .studio-shell .studio-motion-looks button{display:grid;gap:7px;padding:7px 7px 11px;background:#2d2d2d;border-radius:var(--ui-radius-tile);corner-shape:squircle;color:var(--ui-text);font-size:12px}html .studio-shell .studio-motion-looks canvas{width:100%;height:auto;aspect-ratio:1.56;background:#f0eee7;border-radius:10px;corner-shape:squircle}html .studio-shell .studio-motion-looks button[aria-pressed=true]{color:var(--ui-on-light);box-shadow:none;background:var(--ui-light)}html .studio-shell .studio-motion-looks button:focus-visible{outline:2px solid #f5f4ef;outline-offset:3px}html .studio-shell .studio-direct-presets{display:grid;gap:10px;font-size:12px;color:var(--ui-text)}html .studio-shell .studio-brush-pad{position:relative;display:grid;place-items:center;height:150px;width:100%;background:#2b2b2b;border-radius:var(--ui-radius-tile);corner-shape:squircle;touch-action:none;cursor:ew-resize}html .studio-shell .studio-brush-stamp{border-radius:50%;corner-shape:round!important;background:radial-gradient(circle,#f5f1e5 1px,transparent 1.2px);background-size:5px 5px;box-shadow:0 0 0 1px #d1cec0;pointer-events:none}html .studio-shell .studio-brush-pad-caption{position:absolute;top:12px;left:13px;right:13px;display:flex;justify-content:space-between;font-size:12px;color:var(--ui-text)}html .studio-shell .studio-brush-pad-caption output{color:var(--ui-text)}html .studio-shell .studio-brush-pad-hint{position:absolute;bottom:11px;font-size:11px;color:var(--ui-text)}html .studio-shell #tryStage{position:relative}html .studio-shell .studio-brush-cursor{position:absolute;border:1px solid #fff;box-shadow:0 0 0 1px #0009;border-radius:50%;corner-shape:round!important;pointer-events:none;transform:translate(-50%,-50%);z-index:2}html .studio-shell .studio-size-samples .studio-mode-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0;background:none;border-radius:0}html .studio-shell .studio-size-samples button{display:grid;gap:8px;padding:8px 4px 9px;border-radius:var(--ui-radius-control);background:#2b2b2b;color:var(--ui-text);font-size:11px}html .studio-shell .studio-size-samples button.is-active{background:#f4f3ec;color:#20221f}html .studio-size-sample{height:30px;width:100%;display:block;background:radial-gradient(circle,currentColor var(--sample-size),transparent calc(var(--sample-size) + .4px));background-size:13px 13px;opacity:.85}html .studio-shell .studio-brush-tools .studio-mode-pills,html .studio-shell .studio-extra-brushes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;background:none;padding:0}html .studio-shell .studio-brush-tools button,html .studio-shell .studio-extra-brushes button{display:flex;align-items:center;justify-content:flex-start;gap:8px;height:42px;padding:0 10px;background:#303030;border-radius:var(--ui-radius-control);font-size:12px;color:var(--ui-text)}html .studio-shell .studio-brush-tools button.is-active,html .studio-shell .studio-extra-brushes button.is-active{background:#f4f3ec;color:#20221f}html .studio-shell .studio-extra-brushes button .ui-icon{width:18px;height:18px;flex:none}html .studio-shell .studio-brush-description h3{display:none}html .studio-shell .studio-brush-description p{color:var(--ui-text)}html .studio-shell .studio-sculpt-control{display:grid;gap:12px}html .studio-shell .studio-sculpt-caption{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#eee}html .studio-shell .studio-sculpt-caption button{background:none;padding:0;color:var(--ui-text);font-size:11px}html .studio-shell .studio-sculpt-pad{position:relative;width:100%;height:162px;overflow:hidden;border-radius:var(--ui-radius-tile);background:#f0efe7;color:#242722;touch-action:none;cursor:crosshair}html .studio-sculpt-pad :is(.sculpt-axis-top,.sculpt-axis-left,.sculpt-axis-right,output){position:absolute;font-size:10px;pointer-events:none}html .sculpt-axis-top{top:11px;left:0;right:0;text-align:center;color:#62665b}html .sculpt-axis-left{left:10px;top:74px;color:#62665b}html .sculpt-axis-right{right:10px;top:74px;color:#62665b}html .studio-sculpt-pad output{bottom:11px;left:0;right:0;text-align:center}html .sculpt-sample{position:absolute;width:72px;height:62px;left:calc(50% - 36px);top:48px;pointer-events:none}html .sculpt-sample i{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#3e4737 1px,transparent 1.3px);background-size:5px 5px;border-radius:50%;corner-shape:round!important;transform:scaleY(.48);opacity:calc(.24 + var(--sculpt-light) * .65)}html .sculpt-sample i:nth-child(2){transform:translateY(calc(var(--sculpt-depth) * -9px)) scaleY(.48)}html .sculpt-sample i:nth-child(3){transform:translateY(calc(var(--sculpt-depth) * -18px)) scaleY(.48)}html .sculpt-sample i:nth-child(4){transform:translateY(calc(var(--sculpt-depth) * -27px)) scaleY(.48)}html .studio-shell .studio-sculpt-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#22291d;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #fffc;pointer-events:none}html .studio-shell .studio-color-control{display:grid;gap:12px;font-size:12px;color:var(--ui-text)}html .studio-shell .studio-color-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}html .studio-shell .studio-color-palette button{height:38px;padding:5px;background:var(--studio-field);border-radius:var(--ui-radius-control)}html .studio-shell .studio-color-palette button span{display:block;height:100%;background:var(--swatch);border-radius:11px}html .studio-shell .studio-color-palette button[aria-pressed=true]{background:var(--ui-light)}html .studio-shell .studio-color-hex{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:38px}html .studio-shell .studio-color-hex input{min-width:0;width:100%;height:38px;background:var(--studio-field);color:var(--ui-text);border:0;border-radius:var(--ui-radius-control);padding:0 12px;font-size:13px;font-variant-numeric:tabular-nums}html .studio-shell .studio-color-hex input[aria-invalid=true]{outline:2px solid #f185a7}html body .select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:44px;box-sizing:border-box;padding:10px 14px;border:0;border-radius:var(--ui-radius-control);background:#333;color:#fff;font:500 14px Inter,sans-serif;cursor:pointer}html body .select-trigger .ui-icon{width:18px;height:18px;flex:none}html body .select-picker{position:fixed;inset:auto;margin:0;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto;border:0;border-radius:var(--ui-radius-panel);padding:8px;background:#292929;color:#fff;box-shadow:0 12px 40px #0007}html body .select-picker:not(:popover-open){display:none}html body .select-picker [role=option]{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;border:0;border-radius:var(--ui-radius-control);padding:10px 12px;background:transparent;color:#fff;font:500 14px Inter,sans-serif;text-align:left;cursor:pointer}html body .select-picker [role=option] .ui-icon{visibility:hidden;width:18px;height:18px}html body .select-picker [aria-selected=true] .ui-icon{visibility:visible}html body .select-picker [role=option]:is(:hover,:focus-visible){background:#414141;outline:0}html body .select-picker [role=option]:disabled{opacity:.45;cursor:default}html body .select-group{padding:14px 12px 5px;font:12px Inter,sans-serif;color:#c6c6c1}html body .select-group:first-child{padding-top:5px}html body .select-trigger:focus-visible{outline:2px solid #fff;outline-offset:3px}html body :is(.select-picker,.select-trigger,.account-popover,.project-popover){corner-shape:squircle!important}html body :is(.account-popover,.project-menu .project-popover){border-radius:var(--ui-radius-panel)}html body .project-popover :is(a,button){border-radius:var(--ui-radius-control)}html body .workspace-filter select[hidden]{display:none!important}html body .studio-canvas-menu{position:fixed;inset:auto;margin:0;width:224px;box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:8px;border:0;border-radius:24px;corner-shape:squircle!important;background:#252525;color:#fff;box-shadow:0 12px 32px #0006;font-family:Inter,Arial,sans-serif;scrollbar-width:thin}html body .studio-canvas-menu>button{display:flex;align-items:center;gap:11px;width:100%;min-height:39px;padding:9px 12px;border:0;border-radius:14px;corner-shape:squircle!important;background:transparent;color:#fff;font:500 14px Inter,Arial,sans-serif;text-align:left;cursor:pointer;white-space:nowrap}html body .studio-canvas-menu>button.canvas-menu-group-start{margin-top:7px}html body .studio-canvas-menu>button:is(:hover,:focus-visible):not(:disabled){background:#414141;color:#fff}html body .studio-canvas-menu>button:focus-visible{outline:2px solid #f3d799;outline-offset:-2px}html body .studio-canvas-menu>button:disabled{color:#a9a9a4;cursor:default;opacity:.7}.studio-canvas-menu .ui-icon{flex:none;width:19px;height:19px}html .studio-shell #tryCanvas:focus-visible{outline:2px solid #b6a883;outline-offset:-3px}