:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e9eaf0;background:#14161b;font-synthesis:none;font-size:13px;font-weight:400;--panel: #1c1e25;--border: #30323c;--muted: #9296a6;--accent: #a7adff;--accent-bg: #393b58}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:inherit;background:#282b35;border:1px solid #3a3d49;border-radius:6px;padding:9px 13px;cursor:pointer;transition:background .12s,border-color .12s;text-decoration:none}button:hover,.button:hover{background:#343846;border-color:#53586c}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.35;cursor:default}button.primary,.button.primary{background:var(--accent);color:#181927;border-color:transparent;font-weight:600}button.primary:hover,.button.primary:hover{background:#bac0ff}input,select{min-width:0;background:#17191f;border:1px solid #3a3d49;border-radius:5px;color:#eff0f5;padding:10px 11px;outline:none}input:focus,select:focus{border-color:#939af1;box-shadow:0 0 0 2px #a7adff14}input[type=range]{accent-color:var(--accent);padding:0;border:0;box-shadow:none;cursor:pointer}input[type=checkbox]{accent-color:var(--accent)}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none;margin:0}a{color:var(--accent)}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-1.2px}label{display:flex;flex-direction:column;gap:9px;color:#c8cbd6}form>label{margin-top:23px}small{color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{color:#b4b9ff;display:flex;align-items:center;justify-content:center}.brand b{font-size:17px;letter-spacing:2px;font-weight:700}.brand-divider{height:18px;width:1px;background:#444650;margin:0 5px}.brand-sub{font-size:10px;font-weight:500;letter-spacing:2px;color:#babdcc}.top-spacer{flex:1}.preview-label{border:1px solid #55566e;border-radius:4px;color:#b7b9da;font-size:9px;letter-spacing:1px;padding:4px 7px;white-space:nowrap}.topbar{height:64px;display:flex;align-items:center;gap:18px;padding:0 23px;background:#1a1c22;border-bottom:1px solid var(--border)}.topbar>button:not(.avatar){background:transparent;border-color:#373a46;font-size:12px;padding:8px 11px}.avatar{width:31px;height:31px;padding:0;border-radius:50%;background:#3c405b;color:#c7cbff;border:1px solid #656c96;font-size:12px}.server-pill{font-size:11px;color:#a1a5b2;display:flex;gap:7px;align-items:center;margin-right:14px}.server-pill i,.engine-status i{width:5px;height:5px;border-radius:50%;background:#84b8a4}.menubar{display:flex;height:35px;align-items:center;padding:0 14px;background:#1c1e25;border-bottom:1px solid var(--border);gap:0;z-index:6}.menubar button{background:transparent;border:0;border-radius:3px;padding:5px 10px;font-size:11px;color:#c3c6d2}.menubar button:hover,.menubar .menu-active{background:#333641}.menu-holder{position:relative}.menu-shade{position:fixed;inset:0;z-index:10;cursor:default}.dropdown{position:absolute;top:29px;left:0;background:#272a33;border:1px solid #474b5a;box-shadow:0 12px 35px #0006;min-width:230px;padding:5px;border-radius:6px;z-index:11}.dropdown button{display:flex;width:100%;justify-content:space-between;padding:9px 12px;color:#e0e1e9}.dropdown kbd{font:10px inherit;color:#898e9e;padding-left:18px}.autosave{display:flex;align-items:center;gap:7px;color:#999faf;font-size:10px;margin-right:10px}.autosave svg{color:#8aa894}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;color:#b3b8da;font-weight:500}.library{padding:65px max(6vw,35px) 25px;flex:1;overflow:auto;background:radial-gradient(ellipse at 84% 2%,#222332 0%,transparent 53%),#16181e}.library-top{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:auto}.library h1{font-size:clamp(34px,3.1vw,49px);line-height:1.18;margin:18px 0}.library h1 span{color:#9297a9}.library-top p{color:#999fb1;font-size:13px}.library-actions{display:flex;flex-direction:column;gap:10px;min-width:214px}.library-actions button{padding:12px 19px;font-size:12px}.library-actions span{font-size:10px;color:#83899d;text-align:center;margin-top:4px}.library-heading{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:66px auto 23px}.library-heading h2{font-size:16px;letter-spacing:-.1px;font-weight:500}.library-heading h2 span{color:#8f94a8;border:1px solid #393d49;padding:2px 6px;border-radius:4px;font-size:10px;margin-left:9px}.library-heading button{font-size:11px;background:transparent;border-color:transparent;color:#9da3b5}.empty-library{border:1px dashed #373c4c;border-radius:10px;min-height:300px;max-width:1400px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(110deg,#1b1e27,#1b1d26);text-align:center}.empty-grid{height:64px;width:64px;border:1px solid #494d65;border-radius:15px;display:grid;place-items:center;color:#aaaee6;background:#2c2e40;box-shadow:0 0 0 7px #25283544}.empty-library h3{margin:22px 0 10px;font-weight:500;font-size:17px}.empty-library p{color:#8e95a8;font-size:12px;line-height:1.8}.empty-library button{margin-top:16px;background:transparent;border:0;color:#c3c7ff;font-size:12px}.library-bottom{max-width:1400px;margin:27px auto 0;display:flex;align-items:center;justify-content:space-between;color:#7e869b;font-size:10px}.library-bottom>span{display:flex;gap:8px;align-items:center}.library-bottom button{background:transparent;border:0;font-size:10px;color:#8e97b1}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));max-width:1400px;margin:auto;gap:20px}.project-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border-color:#333743;text-align:left;background:#20232b}.project-thumb{width:100%;height:175px;background-color:#292d37;background-image:linear-gradient(45deg,#323642 25%,transparent 25%),linear-gradient(-45deg,#323642 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#323642 75%),linear-gradient(-45deg,transparent 75%,#323642 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;display:flex;align-items:center;justify-content:center;padding:18px}.project-thumb img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 15px #0006}.project-card-details{padding:16px 18px 19px;width:100%;display:flex;flex-direction:column;position:relative;gap:6px}.project-card-details b{font-weight:500;font-size:12px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-details span{color:#9198ac;font-size:10px}.project-card-details i{font-style:normal;margin:0 5px}.project-card-details>svg{position:absolute;right:14px;top:25px;color:#767e94}.optionsbar{display:flex;height:49px;align-items:center;gap:12px;padding:0 15px;background:#20222a;border-bottom:1px solid var(--border);font-size:11px}.optionsbar button{padding:6px;background:transparent;border-color:transparent}.optionsbar .export-button{background:#363950;border-color:#4d536f;font-size:11px;padding:7px 11px;color:#cfd2ff}.tool-name{display:flex;gap:10px;align-items:center;min-width:93px;color:#d6d9e5}.separator{display:inline-block;width:1px;height:20px;background:#383c48;margin:0 1px}.tool-hint{color:#9299ad}.optionsbar label{flex-direction:row;align-items:center;gap:13px;color:#9ba2b5}.optionsbar input[type=range]{width:120px}.unit-value{background:#15181f;border:1px solid #363b48;padding:5px 10px;border-radius:4px;color:#c7ccdc;font-size:10px}.workspace{flex:1;display:flex;min-height:0}.toolbar{display:flex;flex-direction:column;align-items:center;width:53px;padding:12px 0 8px;background:#1d1f27;border-right:1px solid #343844;flex-shrink:0;gap:4px}.toolbar>button{height:33px;width:35px;border:0;border-radius:5px;padding:0;background:transparent;color:#a8afc1}.toolbar>button:hover{background:#303543;color:#e1e5f1}.toolbar .selected-tool{color:#c9ccff;background:#3b3e5a;box-shadow:inset 0 0 0 1px #5f6384}.tool-divider{width:25px;background:#353947;height:1px;margin:7px 0}.color-swatches{position:relative;width:36px;height:37px;margin-top:8px}.color-swatches input{position:absolute;width:25px;height:25px;padding:0;border:2px solid #1d1f27;cursor:pointer;border-radius:4px;overflow:hidden}.color-swatches input:first-child{right:0;bottom:0}.color-swatches input:last-child{top:0;left:0}.color-swatches input::-webkit-color-swatch-wrapper{padding:0}.color-swatches input::-webkit-color-swatch{border:0}.toolbar .swap-colors{font-size:15px;height:22px}.canvas-section{flex:1;display:flex;flex-direction:column;min-width:0;background:#15171d}.document-tabs{height:36px;display:flex;align-items:stretch;background:#171920;border-bottom:1px solid #303440;flex-shrink:0}.document-tab{font-size:11px;padding:0 17px;border:0;border-right:1px solid #363a48;border-top:2px solid #a9adf5;border-radius:0;background:#262933;gap:9px;color:#dbdfed;max-width:400px;overflow:hidden}.document-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-tab small{font-size:10px;padding-left:10px}.document-tab .saved-dot{border-radius:50%;width:4px;height:4px;background:#8895a8;margin-left:9px;flex-shrink:0}.tab-plus{background:transparent;border:0;padding:0 14px;color:#8a94aa;font-size:20px}.stage{flex:1;position:relative;overflow:hidden}.stage-grid{position:absolute;inset:0;background-image:radial-gradient(#343b4b 1px,transparent 1px);background-size:18px 18px;opacity:.3}.ruler-x{position:absolute;top:0;left:0;width:100%;height:20px;display:flex;justify-content:space-around;background:#20232c;color:#737f98;font-size:8px;line-height:18px;z-index:1;border-bottom:1px solid #303541}.canvas-scroll{height:100%;width:100%;overflow:auto;display:flex;align-items:safe center;justify-content:safe center;padding:45px 40px 35px}.canvas-wrap{position:relative;flex-shrink:0;touch-action:none;box-shadow:0 12px 65px #0005,0 0 0 1px #ffffff0a;background-color:#fff;background-image:linear-gradient(45deg,#d7d7da 25%,transparent 25%),linear-gradient(-45deg,#d7d7da 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7d7da 75%),linear-gradient(-45deg,transparent 75%,#d7d7da 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.canvas-wrap img{width:100%;height:100%;display:block;pointer-events:none;object-fit:fill}.canvas-wrap img.updating{opacity:.8}.canvas-wrap canvas{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.cursor-move{cursor:move}.cursor-brush,.cursor-eraser,.cursor-gradient,.cursor-fill,.cursor-rectangle,.cursor-ellipse,.cursor-crop,.cursor-eyedropper{cursor:crosshair}.selection-outline{position:absolute;pointer-events:none;box-shadow:0 0 0 1px #fff;border:1px dashed #16191f}.rendering{position:absolute;bottom:18px;left:50%;transform:translate(-50%);padding:7px 12px;border-radius:20px;background:#252a36;display:flex;align-items:center;gap:7px;font-size:10px;border:1px solid #3f475b}.canvas-footer{height:33px;background:#1d2029;border-top:1px solid #343947;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;color:#8994ae;flex-shrink:0;gap:12px}.canvas-footer>div{display:flex;align-items:center;gap:8px}.canvas-footer button{background:transparent;border:0;padding:3px 5px;font-size:14px;color:#a5b0ca}.canvas-footer>span i{font-style:normal;padding:0 7px;color:#58647e}.engine-status{display:flex;align-items:center;white-space:nowrap;gap:6px}.canvas-footer .engine-status i{padding:0}.inspector{width:294px;flex-shrink:0;background:#1d2028;border-left:1px solid #353a48;display:flex;flex-direction:column;min-height:0}.inspector-title{height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:11px;font-weight:500;color:#d7ddeb;border-bottom:1px solid #343946}.inspector-title svg{color:#7f8ba3}.property-content{padding:17px 16px 13px;border-bottom:1px solid #363b49;min-height:238px;max-height:44vh;overflow:auto}.property-layer{display:flex;gap:11px;align-items:center;margin-bottom:19px}.layer-type-icon{width:37px;height:37px;border:1px solid #3c4558;border-radius:6px;background:#292e3b;display:grid;place-items:center;color:#a2b0d2}.property-layer>div{display:flex;flex-direction:column;gap:5px;overflow:hidden}.property-layer b{font-size:11px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.property-layer span{font-size:10px;color:#8c99b2}.section-label{font-size:9px;letter-spacing:1.3px;color:#8695af;margin-bottom:10px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.property-grid label{position:relative;display:flex;flex-direction:row;align-items:center;border:1px solid #3a4356;border-radius:4px;overflow:hidden;background:#191d26;padding:0 8px;gap:9px;height:31px}.property-grid label span{color:#8a9ab9;font-size:10px;width:11px}.property-grid input{width:100%;padding:4px 0;border:0;background:none;font-size:10px;box-shadow:none}.property-grid small{font-size:9px;color:#697a99}.angle-input{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:9px;color:#8fa0c0;font-size:10px}.angle-input input{width:68px;padding:6px 10px;font-size:10px;background:#191d26;border-color:#3a4356}.layer-quick-actions{display:flex;gap:8px;margin-top:15px}.layer-quick-actions button{background:#252b38;border-color:#3c465b;padding:6px 10px;color:#94a5c8}.layer-quick-actions .active{background:#3c4263}.panel-tabs{display:flex;height:37px;border-bottom:1px solid #354054;flex-shrink:0}.panel-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:#8799b8;padding:10px;font-size:10px;flex:1}.panel-tabs button.active{color:#d5ddf2;border-bottom-color:#a9b4ff;background:#252b38}.blend-controls{display:flex;padding:13px 10px;gap:8px;border-bottom:1px solid #2f384a}.blend-controls select{padding:6px 7px;font-size:10px;background:#1a202b;border-color:#3b465e;width:124px}.blend-controls label{display:flex;flex-direction:row;gap:5px;align-items:center;font-size:9px;color:#91a2c0}.blend-controls label input{width:32px;padding:5px 1px;text-align:center;font-size:10px;background:#1a202b;border-color:#3b465e}.layer-list{flex:1;min-height:70px;overflow:auto;padding:4px 0;background:#1b202b}.layer-row{display:flex;align-items:center;gap:8px;height:49px;border-bottom:1px solid #30394c;padding:0 12px 0 5px;cursor:pointer;border-left:2px solid transparent}.layer-row.active{background:#343d55;border-left-color:#b5bfff}.layer-row:hover{background:#2b3449}.layer-row>button{padding:4px;border:0;background:transparent;color:#91a4c8}.layer-mini{display:grid;place-items:center;width:32px;height:29px;flex-shrink:0;border:1px solid #566581;border-radius:3px;background:#232c3e;color:#a9b9d9}.layer-mini.smart{background:#333a5d}.layer-mini.adjustment{border-color:#596497;background:#333a58}.layer-name{font-size:10px;color:#d7e0f4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1}.layer-row>svg{color:#9eafd1}.layers-footer{display:flex;border-top:1px solid #3c4964;height:39px;align-items:center;padding:0 7px;background:#232c3b;flex-shrink:0}.layers-footer button{background:none;border:0;padding:5px;color:#9cb1da}.layers-footer button svg{width:15px;height:15px}.inspector-bottom{height:29px;display:flex;gap:5px;align-items:center;padding:0 10px;color:#7b91b5;font-size:9px;background:#1c2432;border-top:1px solid #35425a;flex-shrink:0}.inspector-bottom span{margin-left:auto}.no-properties{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#71829f;text-align:center;gap:12px;font-size:11px}.history-list{flex:1;overflow:auto;font-size:10px;color:#8fa3c4}.history-list>div{display:flex;padding:13px 12px;border-bottom:1px solid #333e51;gap:9px}.history-list span{flex:1}.history-list small{font-size:8px}.history-list .current{background:#303e57;color:#d0dcf5}.panel-info{flex:1;display:flex;flex-direction:column;align-items:center;padding:35px 25px;color:#859bbe;gap:16px;text-align:center;line-height:1.7;font-size:11px}.adjustment-controls{margin-top:17px}.adjustment-controls label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:11px;margin-top:10px}.adjustment-controls input{width:90px;padding:6px;font-size:11px}.compatibility-banner{display:flex;align-items:center;gap:8px;background:#373328;color:#c8b883;padding:9px 12px;font-size:10px;border-bottom:1px solid #615137;flex-shrink:0}.compatibility-banner span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compatibility-banner button{background:none;border:0;color:#e0cc91;padding:0;font-size:10px}.modal-shade{position:fixed;inset:0;background:#090c14bb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:30;display:flex;align-items:center;justify-content:center;padding:30px}.modal{position:relative;background:#212530;border:1px solid #495167;box-shadow:0 25px 120px #0008;border-radius:13px;width:620px;max-height:90vh;overflow:auto;padding:35px}.modal-close{position:absolute;right:15px;top:14px;background:none;border:0;padding:6px;color:#8f9db8}.modal h2{font-size:29px;line-height:1.25;margin-top:12px;color:#e2e8f6}.modal-intro{color:#92a0bc;font-size:12px;margin-top:12px;line-height:1.7}.modal label{font-size:11px;color:#b1bed8}.modal input{background:#171e2b;border-color:#414e69}.modal form .primary{font-size:12px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:27px 0 0}.preset-grid button{display:flex;flex-direction:column;min-height:123px;padding:17px 6px 12px;background:#1b2230;border-color:#3e4b64;color:#9aaed3;gap:7px}.preset-grid button.selected{border-color:#a9b6ff;background:#323d59;color:#d1dbff;box-shadow:0 0 0 1px #a9b6ff}.preset-shape{height:29px;max-width:53px;border:1.5px solid currentColor;margin-bottom:8px;opacity:.75}.preset-grid b{font-weight:500;font-size:11px}.preset-grid small{font-size:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:19px}.input-unit{display:flex;align-items:center;position:relative}.input-unit input{width:100%;padding-right:40px}.input-unit>span{position:absolute;right:12px;font-size:10px;color:#778cab}.new-settings{display:flex;gap:20px;margin:23px 0 0;border-top:1px solid #3c485e;border-bottom:1px solid #3c485e;padding:17px 0;font-size:10px;color:#8fa3c5}.new-settings span{display:flex;gap:7px;align-items:center}.new-settings i{display:block;width:10px;height:10px;border-radius:2px}.modal-actions{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:27px}.modal-actions>span{font-size:10px;color:#91a5c8;display:flex;align-items:center;gap:7px}.modal-actions button,.modal-actions .button{font-size:11px;padding:10px 15px}.wasm-preview{display:none}.export-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.export-formats button{display:flex;flex-direction:column;gap:8px;background:#192231;border-color:#3f4e6b;padding:17px 5px;color:#97b0db}.export-formats b{font-size:12px;font-weight:500;color:#d8e3f9}.export-formats small{font-size:9px}.export-formats button.selected{background:#344263;border-color:#adbbff}.export-note{font-size:11px;color:#8ba0c3;line-height:1.7;margin-top:23px}.checkbox{flex-direction:row;align-items:center;margin-top:20px}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.capability-grid>div{display:flex;flex-direction:column;gap:11px}.capability-grid svg{color:#a7b8f6}.capability-grid b{font-weight:500;font-size:13px}.capability-grid p{font-size:11px;color:#95a8cb;line-height:1.8}.warning-list{padding-left:20px;color:#d6bf8b;font-size:12px;line-height:1.8;margin-top:20px}.endpoint{position:relative;background:#151f30;border:1px solid #405578;border-radius:6px;padding:17px;margin-top:22px;display:flex;flex-direction:column;gap:11px}.endpoint>span{font-size:8px;color:#839cc6;letter-spacing:1.3px}.endpoint code{font-size:12px;color:#c6d6f5}.endpoint button{position:absolute;right:10px;top:25px;background:none;border:0;padding:6px;color:#9fb9e4}.secret-result{background:#192b34;border:1px solid #416375;padding:17px;margin-top:18px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;border-radius:6px}.secret-result b{font-size:11px;font-weight:500;color:#abd6db}.secret-result code{font-size:10px;word-break:break-all;line-height:1.7;color:#ccdedf}.secret-result button{font-size:10px}.token-list,.asset-list{margin-top:20px;max-height:300px;overflow:auto}.token-list>div,.asset-list>a{display:flex;padding:14px 0;border-bottom:1px solid #3d4d67;align-items:center;gap:12px}.token-list>div>span,.asset-list>a>span{display:flex;flex-direction:column;gap:7px;flex:1}.token-list b{font-size:12px;font-weight:500}.token-list small,.asset-list small{font-size:10px;color:#8fa8d0}.token-list button{font-size:10px}.asset-list>a{text-decoration:none;color:#c6d8f8;font-size:12px}.consent{background:#2b3751;padding:20px;margin-top:20px;border-radius:6px}.consent p{font-size:12px;color:#b7cbed;margin:10px 0 17px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);padding:15px 18px;max-width:730px;z-index:100;display:flex;align-items:center;gap:12px;border-radius:8px;box-shadow:0 8px 40px #0006;font-size:12px;line-height:1.6}.toast.error{background:#422c34;border:1px solid #965765;color:#f3c5cc}.toast.success{background:#243e3c;border:1px solid #518a81;color:#b5ded7}.toast>svg{flex-shrink:0}.toast button{background:none;border:0;padding:3px}.form-error{margin-top:18px;padding:12px;border:1px solid #835664;background:#3f2d39;color:#edb9c8;font-size:12px;border-radius:5px;line-height:1.6}.spinner{width:22px;height:22px;border:2px solid #a7adff44;border-top-color:#c1c7ff;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.spinner.small{width:12px;height:12px;border-width:1.5px}@keyframes spin{to{transform:rotate(360deg)}}.boot{display:flex;align-items:center;justify-content:center;height:100vh;gap:30px;background:#1a1e29}.login-page{height:100vh;display:flex;background:#1b202c}.login-art{width:52%;background:#282d43;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:40px 45px;background:radial-gradient(ellipse at 70% 80%,#3c4169,#232938 70%)}.login-art .brand{position:relative;z-index:1}.art-composition{position:absolute;inset:0;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#adbcff0a 1px,transparent 1px),linear-gradient(90deg,#adbcff0a 1px,transparent 1px);background-size:42px 42px;transform:rotate(-15deg) scale(1.4)}.art-panel{position:absolute;width:60%;height:46%;top:25%;left:18%;border:1px solid #b9c7ff55;border-radius:3px;box-shadow:0 35px 80px #080d2b44;transform:rotate(-14deg);background:#a3aefa12}.art-panel.one{top:20%;left:12%;background:linear-gradient(145deg,#8491da66,#b9c8ff11);transform:rotate(-23deg)}.art-panel.two{top:27%;left:23%;background:linear-gradient(145deg,#a2b2ff33,#565e9f88);transform:rotate(-10deg)}.art-panel.three{top:34%;left:28%;background:linear-gradient(145deg,#c6d1ff22,#6a75b899);transform:rotate(4deg);border-color:#c0d0ff66}.art-label{position:absolute;top:43%;left:17%;font-size:clamp(25px,3.5vw,57px);line-height:1.15;font-weight:500;letter-spacing:-2px;color:#e4eaff;text-shadow:0 3px 22px #202a5266}.art-coord{position:absolute;top:72%;left:17%;font-size:8px;letter-spacing:2px;color:#a2b7df}.login-art-footer{margin-top:auto;display:flex;justify-content:space-between;position:relative;font-size:8px;letter-spacing:1px;color:#8fa7d4}.login-form-side{flex:1;display:flex;flex-direction:column;padding:42px 6vw}.login-form-side>.preview-label{align-self:flex-end}.login-form-side form{width:100%;max-width:360px;margin:auto}.login-form-side h1{font-size:36px;margin-top:18px;color:#e1e8fa}.login-form-side form>p{color:#8da0c1;margin:14px 0 35px;font-size:12px}.login-form-side label{font-size:11px;color:#a8b9d8}.login-form-side input{padding:13px;background:#151e2e;border-color:#3e4e6a;color:#e5edff}.login-form-side form>button{width:100%;justify-content:space-between;margin-top:25px;padding:13px 15px;font-size:12px}.invite-only{display:flex;gap:8px;align-items:center;justify-content:center;font-size:10px;color:#778dad;margin-top:24px}.login-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#8b9dbb}.login-bottom span{letter-spacing:0;color:#6981a6}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-track{background:#192131}::-webkit-scrollbar-thumb{background:#435574;border-radius:6px}@media(max-width:1100px){.inspector{width:255px}.blend-controls{gap:5px;padding:10px 7px}.blend-controls select{width:102px}.layers-footer button{padding:4px}.canvas-footer>span:not(.engine-status){font-size:8px}.topbar{gap:12px;padding:0 15px}.server-pill{display:none}.library{padding:45px 35px}.library-heading{margin-top:45px}.property-content{padding:14px 12px}.panel-tabs button{font-size:9px;padding:9px 7px}}@media(max-width:800px){.login-art{display:none}.login-form-side{padding:30px 10vw}.brand-sub,.brand-divider{display:none}.topbar{height:55px}.topbar .preview-label{font-size:8px}.menubar{overflow:visible;padding:0 4px}.menubar button{padding:6px;font-size:10px}.menubar .autosave{display:none}.inspector{width:230px}.library-top{align-items:flex-start;gap:20px}.library h1{font-size:32px}.library-actions{min-width:180px}.library-heading{margin-top:35px}.optionsbar .tool-hint,.canvas-footer .engine-status{display:none}.library-bottom{gap:15px}.modal{padding:27px;width:95vw}.modal-shade{padding:15px}}@media(max-width:600px){.app{min-width:700px}.login-page{min-width:0}.library-top{flex-direction:column}.library-actions{flex-direction:row;flex-wrap:wrap}.library-actions span{width:100%;text-align:left}.library{padding:30px}.modal-shade{min-width:0}.modal{max-width:95vw}.preset-grid{gap:6px}.export-formats{grid-template-columns:repeat(2,1fr)}}.smart-edit-button,.raster-copy-button{font-size:11px;margin-top:15px;background:#303b56;border-color:#596c95;color:#c9d8ff}.modal textarea{background:#171e2b;border:1px solid #414e69;border-radius:5px;padding:12px;color:#e3ecff;resize:vertical;outline:none}.font-upload{margin-top:20px}.font-upload input{font-size:10px;padding:8px}.modal input[type=color]{height:39px;width:100%;padding:5px}.credential-scopes{display:flex;flex-wrap:wrap;gap:8px 17px;margin:17px 0 22px}.credential-scopes .checkbox{margin:0;font-size:11px}.document-tabs{overflow-x:auto}.document-tab-holder{display:flex;align-items:stretch;flex-shrink:0;max-width:350px;background:#1d2029;border-right:1px solid #343b4d}.document-tab-holder .document-tab{border-top-color:transparent;border-right:0;background:transparent;max-width:310px}.document-tab-holder.active{background:#262e3e}.document-tab-holder.active .document-tab{border-top-color:#a9adf5}.close-tab{padding:0 9px;border:0;background:transparent;border-radius:0;color:#8195bb}.discord-login{margin:22px 0 12px}.discord-button{width:100%;justify-content:center;background:#5865f2;border-color:#7580ff;color:#fff}.discord-button:hover{background:#4752c4}.login-divider{display:block;text-align:center;color:#8f99af;font-size:11px;padding-top:18px}.discord-account{border-top:1px solid #343b4d;border-bottom:1px solid #343b4d;padding:8px 0 22px;margin:12px 0 24px}.discord-account p{font-size:12px;color:#a8b2c8;line-height:1.6}.discord-account small{display:block;margin-top:6px}.discord-account h4{margin-top:25px}.discord-callback{display:block;padding:12px;background:#141a26;border:1px solid #343b4d;border-radius:5px;overflow-wrap:anywhere;font-size:11px;margin:12px 0 20px;-webkit-user-select:all;user-select:all}.discord-actions{display:flex;gap:9px;flex-wrap:wrap}.document-tab-holder .document-tab span:not(.saved-dot){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}