@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-ext-400-normal-CXAzuTZb.woff2) format("woff2"),url(/assets/figtree-latin-ext-400-normal-Gbh-3PTk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2) format("woff2"),url(/assets/figtree-latin-400-normal-BD4aNku5.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-ext-500-normal-Du0rIuHj.woff2) format("woff2"),url(/assets/figtree-latin-ext-500-normal-BOEJvrb_.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-500-normal-BWnGEVsr.woff2) format("woff2"),url(/assets/figtree-latin-500-normal-B_yy1phn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-ext-600-normal-DJlfifZj.woff2) format("woff2"),url(/assets/figtree-latin-ext-600-normal-CQqsimlV.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2) format("woff2"),url(/assets/figtree-latin-600-normal-BM_oTo4n.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-ext-700-normal-CS4sQkGV.woff2) format("woff2"),url(/assets/figtree-latin-ext-700-normal-BoDi4KL2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2) format("woff2"),url(/assets/figtree-latin-700-normal-BCCt2T1q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-family:Figtree,sans-serif;font-synthesis:none;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--app: #0b0b0c;--panel: #111113;--panel-soft: #161618;--surface: #1c1c20;--surface-2: #25252a;--border: #232326;--border-bright: #33333a;--text: #f2f2f3;--muted: #8b8b93;--muted-2: #5f5f68;--accent: #fba62a;--accent-2: #f9b96c;--accent-soft: rgba(251, 166, 42, .16);--accent-ink: #1b1206;--accent-strong: #f7b155;--lift: inset 0 1px 0 0 rgba(255, 255, 255, .09), 0 0 0 1px rgba(0, 0, 0, .5), 0 1px 2px 0 rgba(0, 0, 0, .5), 0 10px 26px -10px rgba(251, 166, 42, .3);--dots: radial-gradient(circle, rgba(255, 255, 255, .055) 1px, transparent 1px);--dots-size: 18px 18px;--blue: #9cc7ff;--success: #75d39a;--danger: #ff6e73;--tone-01: #000000;--tone-02: #22101a;--tone-03: #2e2d2b;--tone-04: #403e3c;--tone-05: #403f3d;--tone-06: #432516;--tone-07: #43413f;--tone-08: #434240;--tone-09: #474542;--tone-10: #474543;--tone-11: #4c1b21;--tone-12: #4e3427;--tone-13: #514f4c;--tone-14: #552f1d;--tone-15: #603035;--tone-16: #605d5a;--tone-17: #686460;--tone-18: #696561;--tone-19: #6c4431;--tone-20: #75716d;--tone-21: #7b7772;--tone-22: #7f7b76;--tone-23: #918c87;--tone-24: #a19d99;--tone-25: #b5b2ae;--tone-26: #b9b6b2;--tone-27: #bd4354;--tone-28: #c15463;--tone-29: #c65029;--tone-30: #ceccc9;--tone-31: #d2d0cd;--tone-32: #dad8d6;--tone-33: #dcdbd9;--tone-34: #e6603d;--tone-35: #ecebe9;--tone-36: #fdf3e4;--tone-37: #ffc4c7;--tone-38: #ffc578;--tone-39: #ffd091;--tone-40: #ffd398;--tone-41: #ffdcad}:root[data-theme=light]{color-scheme:light;--app: #f0eee6;--panel: #fdfcf9;--panel-soft: #f5f2ea;--surface: #ebe7dc;--surface-2: #e2ddcf;--border: #ddd8c9;--border-bright: #c9c2ae;--text: #191712;--muted: #6f6759;--muted-2: #9a9184;--accent-strong: #b5741a;--tone-01: #ffffff;--tone-02: #22101a;--tone-03: #d5d3d0;--tone-04: #c5c2bd;--tone-05: #c5c1bc;--tone-06: #432516;--tone-07: #c3bfb9;--tone-08: #c2beb9;--tone-09: #bfbbb6;--tone-10: #bfbbb5;--tone-11: #4c1b21;--tone-12: #4e3427;--tone-13: #b6b1ab;--tone-14: #552f1d;--tone-15: #603035;--tone-16: #a9a39b;--tone-17: #a39c93;--tone-18: #a29b92;--tone-19: #6c4431;--tone-20: #988f84;--tone-21: #938a7e;--tone-22: #8f867a;--tone-23: #7e7568;--tone-24: #6c6358;--tone-25: #554f46;--tone-26: #514b42;--tone-27: #bd4354;--tone-28: #c15463;--tone-29: #c65029;--tone-30: #39342e;--tone-31: #34302b;--tone-32: #2b2823;--tone-33: #282521;--tone-34: #e6603d;--tone-35: #171512;--tone-36: #fdf3e4;--tone-37: #ffc4c7;--tone-38: #ffc578;--tone-39: #ffd091;--tone-40: #ffd398;--tone-41: #ffdcad;--accent-soft: rgba(251, 166, 42, .14);--lift: inset 0 1px 0 0 rgba(255, 255, 255, .22), 0 0 0 1px rgba(28, 25, 20, .09), 0 1px 3px 0 rgba(0, 0, 0, .08), 0 8px 24px -6px rgba(251, 166, 42, .28);--dots: radial-gradient(circle, rgba(60, 50, 32, .07) 1px, transparent 1px)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--app: #f0eee6;--panel: #fdfcf9;--panel-soft: #f5f2ea;--surface: #ebe7dc;--surface-2: #e2ddcf;--border: #ddd8c9;--border-bright: #c9c2ae;--text: #191712;--muted: #6f6759;--muted-2: #9a9184;--accent-strong: #b5741a;--tone-01: #ffffff;--tone-02: #22101a;--tone-03: #d5d3d0;--tone-04: #c5c2bd;--tone-05: #c5c1bc;--tone-06: #432516;--tone-07: #c3bfb9;--tone-08: #c2beb9;--tone-09: #bfbbb6;--tone-10: #bfbbb5;--tone-11: #4c1b21;--tone-12: #4e3427;--tone-13: #b6b1ab;--tone-14: #552f1d;--tone-15: #603035;--tone-16: #a9a39b;--tone-17: #a39c93;--tone-18: #a29b92;--tone-19: #6c4431;--tone-20: #988f84;--tone-21: #938a7e;--tone-22: #8f867a;--tone-23: #7e7568;--tone-24: #6c6358;--tone-25: #554f46;--tone-26: #514b42;--tone-27: #bd4354;--tone-28: #c15463;--tone-29: #c65029;--tone-30: #39342e;--tone-31: #34302b;--tone-32: #2b2823;--tone-33: #282521;--tone-34: #e6603d;--tone-35: #171512;--tone-36: #fdf3e4;--tone-37: #ffc4c7;--tone-38: #ffc578;--tone-39: #ffd091;--tone-40: #ffd398;--tone-41: #ffdcad;--accent-soft: rgba(251, 166, 42, .14);--dots: radial-gradient(circle, rgba(60, 50, 32, .07) 1px, transparent 1px)}}*{box-sizing:border-box}.group-label,.control-label,.section-count,.slider-field span,.slider-field output,.small-segmented button,.panel-tabs button,.export-button,.library-button,.batch-button,.new-button,.status-bar,footer,.edge-grid small,.style-chip small,.ratio-grid small,.ratio-grid strong,.frame-mode strong,.frame-mode small{font-family:var(--mono);letter-spacing:-.01em}html,body,#root{min-width:320px;min-height:100%;height:100%}html,body{overflow:hidden}body{margin:0;background:var(--app);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled),input:not(:disabled),select:not(:disabled),textarea:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.34}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-input{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.desktop-editor{display:grid;grid-template-columns:248px minmax(0,1fr) 248px;width:100vw;height:100dvh;overflow:hidden;background-color:var(--app);background-image:var(--dots);background-size:var(--dots-size)}.sidebar{min-width:0;height:calc(100dvh - 16px);margin-block:8px;overflow:hidden;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:5px;box-shadow:0 20px 70px #1c191417}.left-panel{width:240px;margin-left:8px}.right-panel{width:240px;margin-right:8px}.brand-row{gap:8px;height:55px;flex:0 0 55px;display:flex;align-items:center;justify-content:space-between;padding:9px 10px 6px 13px}.brand-lockup,.right-panel-header>div{display:flex;align-items:center;gap:9px}.brand-lockup{padding:4px 6px;margin-left:-6px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;text-align:left}.brand-lockup:hover{border-color:var(--border);background:var(--panel-soft)}.brand-lockup strong{white-space:nowrap;font-size:12px;font-weight:600;letter-spacing:-.01em}.brand-mark{display:block;flex:0 0 auto}.new-button{border:1px solid var(--accent-soft);border-radius:5px;background:var(--accent-soft);color:var(--accent-strong);min-height:31px;padding:0 9px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;transition:background .16s ease,transform .16s ease}.new-button:hover{background:var(--accent-soft);transform:translateY(-1px)}.panel-tabs{height:42px;flex:0 0 42px;margin:0 9px 8px;padding:3px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;border:1px solid var(--border);border-radius:6px;background:var(--app)}.panel-tabs button{border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.panel-tabs button.active{color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--tone-04),0 3px 10px #1c191414}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 9px 20px;scrollbar-width:thin;scrollbar-color:var(--tone-07) transparent}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--tone-07);border-radius:5px}.control-section.quiet .section-heading h2{color:var(--muted);font-size:11px;font-weight:500}.control-section.quiet .section-heading svg{color:var(--muted-2);opacity:.75}.control-section.quiet{padding-top:11px}.control-section{padding:15px 0 17px;border-bottom:1px solid var(--panel-soft)}.control-section:last-child{border-bottom:0}.section-heading{min-height:23px;margin-bottom:11px;display:flex;align-items:center;justify-content:space-between}.section-heading>div{display:flex;align-items:center;gap:7px}.section-heading svg{color:var(--muted-2)}.section-heading h2{margin:0;font-size:12px;line-height:1;font-weight:600;letter-spacing:-.01em}.section-count{color:var(--muted);font-size:10px}.text-action{border:0;padding:3px 0;display:flex;align-items:center;gap:4px;background:transparent;color:var(--accent-strong);font-size:9px}.frame-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.frame-mode{position:relative;min-width:0;min-height:88px;padding:8px 5px 7px;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--border);border-radius:6px;background:var(--panel);transition:border-color .15s ease,background .15s ease,transform .15s ease}.frame-mode:hover{transform:translateY(-1px);border-color:var(--border-bright)}.frame-mode>span{width:36px;height:34px;margin-bottom:3px;display:grid;place-items:center;border-radius:5px;background:var(--border);color:var(--tone-25)}.frame-mode strong{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:600}.frame-mode small{width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:8px;white-space:nowrap}.frame-mode.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #fba62a33}.frame-mode.active>span{color:var(--accent-strong);background:transparent}.mode-check{position:absolute;top:6px;right:6px;color:var(--accent-strong)}.small-segmented{display:grid;grid-template-columns:1fr 1fr;padding:2px;gap:2px;border:0;border-radius:8px;background:var(--panel-soft);box-shadow:inset 0 0 0 1px var(--border)}.small-segmented button{min-height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:10px;font-weight:500;text-transform:capitalize;transition:color .14s ease}.small-segmented button:hover:not(.active){color:var(--text)}.small-segmented button.active{background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 0 0 1px var(--border),0 1px 2px #0000002e}.control-note{margin:8px 2px 0;color:var(--tone-21);font-size:8px;line-height:1.5}.image-fit-selector button,.fps-selector button{text-transform:none}.fps-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.text-field{margin-top:10px;display:grid;gap:6px}.text-field>span{color:var(--muted);font-size:9px}.text-field>span em{margin-left:4px;color:var(--muted-2);font-size:7px;font-style:normal;letter-spacing:.05em;text-transform:uppercase}.text-field input,.text-field textarea{width:100%;border:1px solid var(--border);border-radius:5px;outline:none;background:var(--panel-soft);color:var(--text);font-size:10px;line-height:1.5;transition:border-color .15s ease,background .15s ease}.text-field input{height:36px;padding:0 10px}.text-field textarea{min-height:58px;padding:9px 10px;resize:vertical}.text-field input:focus,.text-field textarea:focus{border-color:var(--tone-16)}.text-field input:disabled,.text-field textarea:disabled{color:var(--tone-20);background:var(--panel)}.control-label{margin:12px 1px 6px;display:block;color:var(--muted);font-size:9px}.control-label:first-child,.text-layer-toggle{margin-top:0}.text-layer-on{color:var(--success)}.text-style-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.alignment-selector{grid-template-columns:repeat(4,minmax(0,1fr))}.alignment-selector button{padding-inline:2px;font-size:8px}.text-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.text-choice-grid button{min-height:31px;border:1px solid var(--border);border-radius:5px;background:var(--panel);color:var(--muted);font-size:9px;text-transform:capitalize}.text-choice-grid button.active{border-color:var(--tone-09);background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px #fba62a24}.media-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.media-card,.add-media-card{position:relative;aspect-ratio:1.12;min-width:0;overflow:hidden;border-radius:6px}.media-card{border:1px solid var(--tone-08);background:var(--panel)}.media-card img{width:100%;height:100%;display:block;object-fit:cover}.media-card>span{position:absolute;top:5px;left:5px;width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:#1c19143d;color:#fff;font-size:9px}.media-actions{position:absolute;right:5px;bottom:5px;display:flex;gap:4px;opacity:0;transform:translateY(3px);transition:opacity .14s ease,transform .14s ease}.media-card:hover .media-actions,.media-card:focus-within .media-actions{opacity:1;transform:none}.media-actions button{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#1c191440}.add-media-card{display:grid;place-items:center;align-content:center;gap:5px;border:1px dashed var(--tone-10);background:var(--panel);color:var(--muted)}.add-media-card span{font-size:9px}.add-media-card:hover{border-color:var(--tone-22);color:var(--text)}.media-buttons{display:grid;grid-template-columns:1.2fr .8fr;gap:6px;margin-top:8px}.media-buttons button,.preview-motion,.reset-transform,.center-image{min-height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:5px;background:var(--panel-soft);color:var(--tone-30);font-size:9px;font-weight:500}.media-buttons button:hover,.preview-motion:hover,.reset-transform:hover,.center-image:hover{border-color:var(--tone-13);background:var(--surface);color:#fff}.center-image{width:100%;margin-top:12px;border-color:var(--tone-04);background:var(--panel-soft)}.slider-field{display:grid;gap:7px;margin-top:11px}.slider-field:first-child{margin-top:0}.slider-field>span{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.slider-field output{min-width:34px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-size:10px}input[type=range]{width:100%;height:3px;margin:6px 0;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2);accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{width:13px;height:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;background:var(--panel);box-shadow:0 0 0 1px var(--border-bright),0 1px 3px #00000047;transition:transform .12s ease}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:var(--panel);box-shadow:0 0 0 1px var(--border-bright),0 1px 3px #00000047}.toggle-row{width:100%;min-height:34px;margin-top:12px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:8px;background:var(--panel-soft);box-shadow:inset 0 0 0 1px var(--border);color:var(--muted);font-size:10px}.switch{width:28px;height:16px;padding:2px;display:flex;border-radius:999px;background:var(--border-bright);transition:background .15s ease}.switch i{width:12px;height:12px;display:block;border-radius:50%;background:var(--tone-24);transition:transform .15s ease,background .15s ease}.toggle-row.active{color:var(--text)}.toggle-row.active .switch{background:var(--accent)}.toggle-row.active .switch i{background:#fff;transform:translate(12px)}.edge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.edge-grid button{padding:7px 4px 5px;display:grid;justify-items:center;gap:5px;border:1px solid var(--border);border-radius:5px;background:var(--panel-soft)}.edge-grid button.active{border-color:var(--accent);background:var(--accent-soft)}.edge-grid small{color:var(--muted);font-size:8px;text-align:center}.edge-preview{width:32px;height:24px;display:block;border-radius:6px;background:linear-gradient(160deg,var(--tone-03),var(--app))}.edge-preview.edge-glass-light{border:1.5px solid rgba(255,255,255,.9);background:linear-gradient(180deg,#ffffffd9,#fff0),linear-gradient(160deg,var(--tone-03),var(--app));box-shadow:0 0 0 1px #1c19141f}.edge-preview.edge-glass-dark{border:1.5px solid rgba(255,255,255,.35);background:linear-gradient(180deg,#ffffff4d,#0a09078c),var(--tone-32)}.edge-preview.edge-inset-light{box-shadow:inset 0 3px 6px #18151059}.edge-preview.edge-inset-dark{background:var(--tone-32);box-shadow:inset 0 3px 7px #000c}.edge-preview.edge-outline{border:1.5px solid rgba(21,18,13,.55)}.edge-preview.edge-border{border:3px solid var(--text)}.env-row,.shadow-presets{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:10px}.handle-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.resize-handle{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;padding:0;border:2px solid var(--panel);border-radius:50%;background:var(--accent);box-shadow:0 2px 6px #1c191447;cursor:nwse-resize;pointer-events:auto;opacity:0;transition:opacity .14s ease,transform .14s ease}.canvas-shell:hover .resize-handle,.resize-handle:focus-visible{opacity:1}.resize-handle:hover,.resize-handle:focus-visible{transform:scale(1.18)}.resize-handle.cta{background:var(--accent-strong)}.brand-actions{display:flex;align-items:center;gap:6px}.library-button{min-height:34px;padding:0 11px;white-space:nowrap;display:flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:5px;background:var(--panel-soft);color:var(--muted);font-size:10px;font-weight:600}.library-button:hover{border-color:var(--accent);color:var(--accent-strong)}.library{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:auto;padding:34px 32px 60px;background-color:var(--app);background-image:var(--dots);background-size:var(--dots-size)}.library-panel{width:min(1180px,100%);margin:0 auto}.library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--border)}.library-head h2{margin:0;font-size:22px;font-weight:640;letter-spacing:-.02em}.library-head p{margin:4px 0 0;max-width:52ch;color:var(--muted);font-size:12px}.library-actions{display:flex;align-items:center;gap:8px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:18px;margin-top:26px}.library-card{display:grid;gap:8px}.library-thumb{padding:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--panel-soft);aspect-ratio:16 / 10}.library-thumb:hover{border-color:var(--accent)}.library-thumb img{width:100%;height:100%;display:block;object-fit:cover}.library-blank{display:grid;place-items:center;height:100%;color:var(--muted-2)}.library-card input{padding:6px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font-size:12px;font-weight:600}.library-card input:hover,.library-card input:focus{border-color:var(--border);background:var(--panel-soft);outline:none}.library-meta{display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:var(--muted-2);font-size:10px}.library-meta button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted-2)}.library-meta button:hover{color:var(--danger)}.batch-button{width:100%;min-height:34px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--border-bright);border-radius:5px;background:transparent;color:var(--muted);font-size:10px;font-weight:600}.batch-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.style-chip{position:relative}.style-chip>button:first-child,.edge-grid button,.ratio-grid button{width:100%;border:1px solid var(--border);border-radius:6px;background:var(--panel-soft);transition:border-color .15s ease,background .15s ease}.style-chip>button:first-child{padding:8px 6px 6px;display:grid;justify-items:center;gap:6px}.style-chip>button:first-child:hover,.edge-grid button:hover,.ratio-grid button:hover{border-color:var(--border-bright)}.style-chip>button.active,.edge-grid button.active,.ratio-grid button.active{border-color:var(--accent);background:var(--accent-soft)}.style-swatch{width:34px;height:26px;display:block}.style-chip small{color:var(--muted);font-size:9px}.style-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--muted)}.style-remove:hover{color:var(--danger)}.artboard-group+.artboard-group{margin-top:14px}.group-label{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ratio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.ratio-grid button{min-height:77px;padding:8px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;border:1px solid var(--border);border-radius:6px;background:var(--panel);text-align:left}.ratio-grid button>span{grid-row:1 / 3;width:27px;max-height:34px;border:1px solid var(--tone-20);border-radius:3px;background:var(--border)}.ratio-grid button strong{align-self:end;font-size:10px}.ratio-grid button small{align-self:start;color:var(--muted);font-size:7px}.ratio-grid button.active{border-color:var(--accent);background:var(--accent-soft)}.ratio-grid button.active>span{border-color:var(--tone-39);background:var(--tone-06)}.background-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.background-grid button{position:relative;aspect-ratio:1;display:grid;place-items:center;border:2px solid transparent;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff1f}.background-grid button.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent),inset 0 0 0 1px #ffffff2e}.background-grid button svg{filter:drop-shadow(0 1px 4px rgba(0,0,0,.8))}.wallpaper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wallpaper-grid button{position:relative;min-width:0;aspect-ratio:16 / 10;overflow:hidden;padding:7px;display:flex;align-items:flex-end;border:2px solid transparent;border-radius:6px;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff24;color:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.wallpaper-grid button:hover:not(:disabled){transform:translateY(-1px)}.wallpaper-grid button:disabled{opacity:.56;cursor:wait}.wallpaper-grid button.error{border-color:var(--tone-28);filter:saturate(.35)}.wallpaper-grid button.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent),inset 0 0 0 1px #fff3}.wallpaper-grid button>span{max-width:100%;padding:3px 4px;border-radius:5px;background:#07090894;font-size:10px;font-weight:600;line-height:1.08;overflow-wrap:anywhere;text-align:left;text-shadow:0 1px 4px rgba(0,0,0,.8)}.wallpaper-grid button>i{position:absolute;top:5px;right:5px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--accent);box-shadow:0 2px 8px #1c191424}.wallpaper-grid button>i.error-mark{background:var(--tone-27);color:#fff;font-size:11px;font-style:normal;font-weight:700}.wallpaper-owner{position:absolute;top:6px;left:6px;padding:3px 6px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#0c0f0db3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#fffffff0;font-size:8px;font-style:normal;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase}.wallpaper-upload{width:100%;min-height:52px;margin-top:9px;padding:8px 9px;display:flex;align-items:center;gap:9px;border:1px dashed rgba(154,168,159,.32);border-radius:6px;background:#ffffff06;color:var(--text);text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.wallpaper-upload:hover:not(:disabled){border-color:#ff5b9199;background:#ff5b9111;transform:translateY(-1px)}.wallpaper-upload:disabled{opacity:.52}.wallpaper-upload-icon{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border:1px solid rgba(255,91,145,.26);border-radius:8px;background:var(--accent-soft);color:var(--tone-38)}.wallpaper-upload>span:last-child{min-width:0;display:grid;gap:2px}.wallpaper-upload strong,.wallpaper-upload small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallpaper-upload strong{font-size:10px;font-weight:650}.wallpaper-upload small{color:var(--muted);font-size:8px}.wallpaper-note{margin-top:8px}.custom-gradient-preview{width:100%;min-height:68px;display:grid;place-items:end start;padding:10px;border:2px solid transparent;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff24;color:#fff}.custom-gradient-preview.active{border-color:var(--accent)}.custom-gradient-preview span{padding:4px 7px;border-radius:6px;background:#1c191426;font-size:8px}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.color-row label{height:36px;padding:0 7px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:5px;background:var(--panel-soft);color:var(--muted);font-size:8px}.color-row input[type=color]{width:22px;height:22px;padding:0;overflow:hidden;border:0;border-radius:7px;background:transparent}.text-color-row.single-color{grid-template-columns:1fr}.color-row input[type=color]:disabled{filter:grayscale(.8);opacity:.45}.workspace{min-width:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}.topbar{height:78px;flex:0 0 78px;padding:11px 16px 8px;display:flex;align-items:center;justify-content:space-between}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-group{display:flex;align-items:center;gap:6px}.topbar-divider{width:1px;height:22px;background:var(--border)}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:5px;background:var(--panel-soft);color:var(--muted)}.icon-button:hover{color:#fff;border-color:var(--border-bright)}.quality-select{height:36px;padding:0 3px 0 10px;display:flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:5px;background:var(--panel-soft);color:var(--muted);font-size:8px}.quality-select select{height:28px;border:0;outline:none;background:var(--surface-2);border-radius:7px;color:#fff;font-size:9px}.export-button{min-width:76px;height:36px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;background:linear-gradient(110deg,var(--accent-2),var(--accent) 60%,var(--tone-29));color:var(--accent-ink);font-size:10px;font-weight:600;box-shadow:var(--lift);transition:filter .15s ease,transform .15s ease}.export-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.export-button.secondary{min-width:70px;border:1px solid var(--border);background:var(--panel-soft);color:var(--tone-33);box-shadow:none}.canvas-zone{flex:1;min-height:0;display:grid;place-items:center;padding:6px 24px 10px}.canvas-shell{outline:1px solid var(--border-bright);outline-offset:0;position:relative;width:min(calc(100vw - 544px),calc((100dvh - 214px) * var(--ratio)));height:min(calc(100dvh - 214px),calc((100vw - 544px) / var(--ratio)));max-width:100%;max-height:100%;overflow:hidden;border-radius:16px;background:var(--panel-soft);box-shadow:0 32px 70px #1c191417,0 0 0 1px #ffffff09;animation:canvas-in .52s cubic-bezier(.16,1,.3,1) both}@keyframes canvas-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.composition-canvas{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;touch-action:none}.composition-canvas.movable{cursor:grab}.composition-canvas.movable:active{cursor:grabbing}.empty-state{position:absolute;top:17%;right:17%;bottom:17%;left:17%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:5px;background:#fffffff0;box-shadow:0 22px 55px #1c191429;text-align:center}.empty-icon{width:64px;height:64px;margin-bottom:15px;display:grid;place-items:center;border:1px solid var(--border-bright);border-radius:18px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1),transparent 35%),linear-gradient(145deg,var(--tone-36),var(--tone-01));color:var(--accent-strong);box-shadow:0 14px 30px #fba62a24}.empty-state h2{margin:0;font-size:clamp(16px,1.6vw,22px);font-weight:600;letter-spacing:-.03em}.empty-state p{max-width:280px;margin:8px 18px 18px;color:var(--muted);font-size:10px;line-height:1.6}.empty-state button{min-height:38px;padding:0 16px;display:flex;align-items:center;gap:7px;border:0;border-radius:5px;background:var(--text);color:var(--panel);font-size:10px;font-weight:600;box-shadow:0 10px 22px #1c191414}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;align-content:center;gap:10px;border:2px solid var(--accent);border-radius:inherit;background:#13070edb;color:var(--tone-41);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drop-overlay strong{font-size:13px}.playback-bar{width:min(540px,calc(100% - 60px));min-height:48px;flex:0 0 48px;margin:0 auto 3px;padding:6px 8px;display:grid;grid-template-columns:34px 92px minmax(90px,1fr) 68px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:#fffffff5;box-shadow:0 12px 35px #1c19141f}.play-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:5px;background:var(--text);color:var(--panel)}.playback-bar>div{display:grid}.playback-bar strong{overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:600;white-space:nowrap}.playback-bar small{color:var(--muted);font-size:8px;font-variant-numeric:tabular-nums}.playback-bar input[type=range]{margin-inline:0}.restart-button{height:31px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);border-radius:5px;background:var(--panel-soft);color:var(--muted);font-size:8px}.statusbar{height:24px;flex:0 0 24px;padding:0 16px;display:flex;align-items:center;gap:15px;color:var(--tone-18);font-size:8px}.statusbar span{display:flex;align-items:center;gap:5px}.statusbar span:last-child{margin-left:auto}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 9px #75d39a99}.right-panel-header{min-height:55px;flex:0 0 55px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--panel-soft)}.right-panel-header strong{font-size:11px;font-weight:600}.right-panel-header svg{color:var(--accent-strong)}.right-panel-header>span{padding:4px 6px;border:1px solid var(--border-bright);border-radius:6px;color:var(--muted);font-size:7px;letter-spacing:.06em}.scene-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.scene-layout-card{position:relative;min-width:0;min-height:61px;padding:7px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:7px;border:1px solid var(--border);border-radius:6px;background:var(--panel);text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.scene-layout-card:hover{border-color:var(--border-bright);transform:translateY(-1px)}.scene-layout-card.scene-screen{grid-column:1 / -1;min-height:55px}.scene-layout-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #fba62a2b}.scene-layout-preview{position:relative;width:40px;height:33px;overflow:hidden;border:1px solid var(--border-bright);border-radius:7px;background:radial-gradient(circle at 78% 20%,rgba(255,100,72,.35),transparent 35%),var(--panel-soft)}.scene-layout-preview i,.scene-layout-preview b{position:absolute;display:block}.scene-layout-preview i{width:10px;height:2px;border-radius:2px;background:var(--text);box-shadow:0 4px #f2eef085,0 8px #f2eef047}.scene-layout-preview b{border:1px solid rgba(255,255,255,.5);border-radius:3px;background:linear-gradient(150deg,rgba(245,83,132,.55),transparent 45%),var(--border-bright);box-shadow:0 3px 8px #1c19141c}.scene-layout-preview.screen i{display:none}.scene-layout-preview.screen b{top:4px;right:4px;bottom:4px;left:4px}.scene-layout-preview.left i{top:10px;left:4px}.scene-layout-preview.left b{top:4px;right:3px;width:23px;height:25px}.scene-layout-preview.right i{top:10px;right:4px}.scene-layout-preview.right b{top:4px;left:3px;width:23px;height:25px}.scene-layout-preview.top i,.scene-layout-preview.bottom i{left:8px;width:24px}.scene-layout-preview.top i{top:4px}.scene-layout-preview.top b{right:5px;bottom:3px;left:5px;height:18px}.scene-layout-preview.bottom i{bottom:10px}.scene-layout-preview.bottom b{top:3px;right:5px;left:5px;height:17px}.scene-layout-copy{min-width:0;display:grid;gap:2px}.scene-layout-copy strong,.scene-layout-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-layout-copy strong{font-size:8px;font-weight:650}.scene-layout-copy small{color:var(--muted);font-size:7px}.scene-layout-check{position:absolute;top:5px;right:5px;color:var(--tone-39)}.layout-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.layout-selector button{min-width:0;height:39px;padding:0 2px;display:flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:8px}.layout-selector button.active{background:var(--surface-2);color:#fff;box-shadow:inset 0 0 0 1px var(--tone-04)}.layout-note{min-height:25px}.layout-glyph{display:flex;gap:2px}.layout-glyph i{width:3px;height:12px;display:block;border-radius:2px;background:currentColor}.motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.motion-grid button{min-width:0;padding:5px 5px 7px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;border:1px solid var(--border);border-radius:6px;background:var(--panel);text-align:left}.motion-grid button.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #fba62a2e}.motion-visual{grid-column:1 / 3;position:relative;height:47px;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 70% 25%,rgba(255,201,113,.7),transparent 24%),linear-gradient(135deg,var(--tone-34),var(--tone-14) 52%,var(--panel-soft))}.motion-visual i{position:absolute;top:12px;left:22%;width:55%;height:24px;display:block;border:1px solid rgba(255,255,255,.7);border-radius:4px;background:#121413b8;box-shadow:0 7px 13px #1c19141c}.motion-visual.float i{transform:translateY(-3px) rotate(1deg)}.motion-visual.reveal i{transform:translate(-9px) rotate(-3deg)}.motion-visual.orbit i{transform:translate(7px) rotate(5deg) scale(.94)}.motion-grid strong{overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:600;white-space:nowrap}.motion-grid small{color:var(--muted);font-size:8px}.motion-description{min-height:31px;margin:9px 1px 0;color:var(--muted);font-size:8px;line-height:1.5}.preview-motion{width:100%;margin-top:10px;border-color:var(--tone-12);background:var(--tone-02);color:var(--tone-40)}.reset-transform{width:100%;margin-top:12px}.toast{position:fixed;top:14px;left:50%;z-index:20;min-height:42px;max-width:420px;padding:0 16px;display:flex;align-items:center;gap:8px;border:1px solid var(--border-bright);border-radius:6px;background:#fffffff7;color:var(--tone-35);box-shadow:0 15px 45px #1c19141f;font-size:10px;opacity:0;pointer-events:none;transform:translate(-50%,-10px);transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toast.visible{opacity:1;transform:translate(-50%)}.toast.success svg{color:var(--success)}.toast.error{border-color:var(--tone-15);color:var(--tone-37)}.toast.error>span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--tone-11);color:var(--danger);font-weight:700}.screen-gate{display:none}@media(max-width:1180px){.desktop-editor{grid-template-columns:232px minmax(0,1fr) 232px}.left-panel,.right-panel{width:224px}.canvas-shell{outline:1px solid var(--border-bright);outline-offset:0;width:min(calc(100vw - 512px),calc((100dvh - 214px) * var(--ratio)));height:min(calc(100dvh - 214px),calc((100vw - 512px) / var(--ratio)))}.topbar{padding-inline:10px}}@media(max-width:1066px){html,body{overflow:auto}.desktop-editor{display:none}.screen-gate{min-height:100dvh;padding:40px 28px;display:grid;place-items:center;background-color:var(--app);background-image:var(--dots);background-size:var(--dots-size)}.screen-gate p{margin:0;max-width:34ch;color:var(--muted);font-size:14px;line-height:1.6;text-align:center;text-wrap:balance}}.loading-screen{width:100vw;height:100dvh;display:grid;place-items:center;background:var(--app)}.spinner{width:24px;height:24px;border-radius:50%;border:2px solid var(--tone-03);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{rotate:360deg}}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:var(--app)}.auth-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px}.auth-header{text-align:center;margin-bottom:32px}.auth-header .brand-mark{width:44px;height:44px;margin:0 auto 12px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#fff}.auth-header h1{font-size:24px;font-weight:700;margin-bottom:6px}.auth-header p{color:var(--tone-23);font-size:14px}.auth-close{align-self:flex-start;margin-bottom:14px;border:0;background:transparent;color:var(--muted);font-size:11px}.auth-close:hover{color:var(--text)}.auth-form{display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field span{color:var(--tone-23);font-size:12px}.auth-field input{padding:10px 14px;border-radius:6px;border:1px solid var(--tone-03);background:var(--panel);color:var(--text);font-size:14px}.auth-field input:focus{outline:none;border-color:var(--accent)}.auth-message{margin:0;font-size:12px;color:var(--tone-23)}.auth-message.error{color:var(--danger)}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:14px;font-weight:600;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:default}.auth-toggle{margin-top:16px;border:none;background:transparent;color:var(--blue);font-size:12px;cursor:pointer}.auth-wallpaper{background:radial-gradient(circle at 30% 40%,rgba(251,166,42,.15),transparent 50%),radial-gradient(circle at 70% 60%,rgba(255,98,72,.08),transparent 40%),url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&h=1000&fit=crop&q=60),var(--app);background-size:cover;background-position:center}.session-bar{position:fixed;top:0;right:0;z-index:100;display:flex;align-items:center;gap:8px;padding:6px 12px;margin:8px;border-radius:8px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--tone-03);font-size:12px}.session-email{color:var(--tone-23)}.session-signout{padding:3px 8px;border-radius:5px;border:none;background:transparent;color:var(--tone-17);font-size:11px;cursor:pointer}.session-signout:hover{color:var(--danger);background:#ff6e731a}.session-upgrade{padding:3px 10px;border-radius:5px;border:none;background:var(--accent);color:#fff;font-size:11px;font-weight:600;cursor:pointer}.session-upgrade:hover{background:var(--accent-2)}.pricing-page{min-height:100dvh;background:radial-gradient(circle at 50% 0%,rgba(251,166,42,.08),transparent 40%),var(--app);padding:32px 24px 60px;display:flex;flex-direction:column;align-items:center}.pricing-nav{width:100%;max-width:720px;margin-bottom:24px}.pricing-back{padding:6px 14px;border-radius:8px;border:1px solid var(--tone-03);background:transparent;color:var(--tone-23);font-size:13px;cursor:pointer}.pricing-back:hover{border-color:var(--tone-05);color:var(--text)}.pricing-header{text-align:center;margin-bottom:40px}.pricing-header .brand-mark{width:44px;height:44px;margin:0 auto 12px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#fff}.pricing-header h1{font-size:36px;font-weight:700;letter-spacing:-.03em;margin-bottom:8px}.pricing-header p{color:var(--tone-23);font-size:15px}.pricing-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:720px;width:100%}.pricing-card{flex:1;min-width:280px;max-width:340px;padding:32px;border-radius:16px;border:1px solid var(--surface);background:radial-gradient(ellipse at 0 0,rgba(251,166,42,.03),transparent 50%),var(--app);position:relative;display:flex;flex-direction:column}.pricing-card.popular{border-color:var(--accent);background:radial-gradient(ellipse at 0 0,rgba(251,166,42,.06),transparent 50%),var(--app)}.pricing-badge{position:absolute;top:-12px;left:50%;translate:-50% 0;padding:4px 14px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pricing-card h2{font-size:18px;font-weight:600;margin-bottom:8px}.pricing-amount{margin-bottom:4px}.pricing-amount .price{font-size:40px;font-weight:700;letter-spacing:-.03em}.pricing-amount .period{color:var(--tone-17);font-size:14px}.pricing-desc{color:var(--tone-17);font-size:13px;margin-bottom:24px}.pricing-features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px;flex:1}.pricing-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tone-26)}.pricing-features li svg{color:var(--success);flex-shrink:0}.pricing-cta{width:100%;padding:10px;border-radius:5px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:scale .2s,box-shadow .2s}.pricing-cta:hover:not(:disabled){scale:1.02;box-shadow:0 6px 24px #fba62a4d}.pricing-cta:disabled{opacity:.5;cursor:not-allowed}.pricing-manage{margin-top:24px;padding:8px 16px;border-radius:8px;border:1px solid var(--tone-03);background:transparent;color:var(--tone-17);font-size:12px;cursor:pointer}.pricing-manage:hover:not(:disabled){border-color:var(--tone-05);color:var(--tone-23)}.pricing-manage:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin .7s linear infinite}@media(max-width:768px){.auth-page{grid-template-columns:1fr}.auth-wallpaper{display:none}.pricing-card{min-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}