:root{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;color:#e7e8e2;background:#0c0d0f;font-synthesis:none;--bg:#0c0d0f;--panel:#121316;--panel2:#18191d;--line:#292b30;--muted:#85888f;--accent:#d9ff43;--accent-dark:#29320f;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;min-width:900px;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app{height:100vh;background:var(--bg);display:grid;grid-template:56px 1fr/374px 1fr;overflow:hidden}.topbar{grid-column:1/-1;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 19px;background:#0e0f11;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:.02em}.brand-mark{font-family:var(--mono);font-size:12px;color:#0d0e10;background:var(--accent);padding:8px 7px}.brand small{font:10px var(--mono);color:#6f7278;border:1px solid #303238;padding:3px 6px}.top-actions{display:flex;align-items:center;gap:5px}.divider{width:1px;height:20px;background:var(--line);margin:0 5px}.icon-button,.text-button,.primary-button{border:0;background:transparent;height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;cursor:pointer;border-radius:3px}.icon-button:hover,.text-button:hover{background:#1d1f23}.icon-button:disabled,.text-button:disabled{opacity:.25;cursor:default}.text-button{font-size:12px;color:#b9bbc0}.primary-button{background:var(--accent);color:#11130d;font-weight:700;margin-left:8px;padding:0 18px}.primary-button:disabled{opacity:.4}.sidebar{grid-row:2;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.tabs{height:46px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);flex:none}.tabs button{border:0;background:transparent;color:#777a81;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;position:relative}.tabs button.active{color:#edf0e8}.tabs button.active:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;background:var(--accent)}.upload-section{padding:13px;border-bottom:1px solid var(--line)}.dropzone{height:88px;border:1px dashed #3d4046;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:10px;color:#7f8288;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent);background:#1b1f15}.dropzone>strong{font-size:12px;color:#c7c9c5}.dropzone>span{font:9px var(--mono);position:absolute;bottom:10px}.dropzone>button{border:1px solid #3b3e43;background:#202226;padding:6px 10px;font-size:11px;border-radius:2px}.dropzone img{width:68px;height:68px;object-fit:cover;margin-left:8px}.asset-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.asset-info strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;color:#ddd}.asset-info span{font:10px var(--mono);color:#767980}.dropzone .replace{display:flex;align-items:center;gap:4px;margin-right:8px}.section-title{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);flex:none;font-size:12px;font-weight:600}.section-title b{font:10px var(--mono);color:#15170c;background:var(--accent);border-radius:10px;padding:2px 6px;margin-left:5px}.section-title button{border:0;background:transparent;color:var(--accent);display:flex;align-items:center;gap:4px;font-size:11px;cursor:pointer}.effect-stack{overflow:auto;flex:1;padding:10px}.effect-stack::-webkit-scrollbar,.effect-library::-webkit-scrollbar{width:6px}.effect-stack::-webkit-scrollbar-thumb,.effect-library::-webkit-scrollbar-thumb{background:#303238}.empty-stack{text-align:center;color:#777a80;padding:42px 30px}.empty-stack p{font-size:12px;line-height:1.7}.empty-stack button,.canvas-empty button{border:1px solid #41444a;background:#1b1d20;padding:8px 13px;color:#d6d8d2;cursor:pointer}.effect-card{background:#181a1e;border:1px solid #2c2f34;border-radius:3px;margin-bottom:8px}.effect-card.disabled{opacity:.45}.effect-head{height:48px;display:flex;align-items:center;padding:0 7px;border-bottom:1px solid transparent}.effect-card:not(:has(.params)) .effect-head{border-bottom:0}.grip{color:#4e5158;cursor:grab}.bare{border:0;background:transparent;padding:5px;color:#898c92;display:flex;cursor:pointer}.bare:hover{color:#fff}.bare.danger:hover{color:#ff7369}.effect-index{font:9px var(--mono);color:#666970;margin:0 8px 0 4px}.effect-name{display:flex;flex-direction:column;gap:2px;flex:1}.effect-name strong{font-size:12px}.effect-name span{font-size:9px;color:#6e7177}.params{padding:12px;border-top:1px solid #2a2c31}.param{margin-bottom:13px}.param>label{display:block;font-size:10px;color:#96999f;margin-bottom:6px}.range-row,.color-row{display:flex;align-items:center;gap:8px}.param input[type=range],.export-group input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:#3b3e43;flex:1}.param input[type=range]::-webkit-slider-thumb,.export-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);cursor:pointer}.param .number{width:60px}.param input[type=number],.param input[type=text],.param select{height:29px;border:1px solid #34373c;background:#111215;color:#d7d8d5;padding:0 7px;font:11px var(--mono);width:100%;outline:none}.param input:focus,.param select:focus{border-color:#747a61}.color-row input[type=color]{width:30px;height:29px;padding:0;border:1px solid #3a3c42;background:transparent}.color-row input[type=text]{flex:1}.switch{width:32px;height:17px;border:0;border-radius:12px;background:#3a3c41;padding:2px;cursor:pointer}.switch span{display:block;width:13px;height:13px;border-radius:50%;background:#85888d;transition:.15s}.switch.on{background:var(--accent-dark)}.switch.on span{transform:translate(15px);background:var(--accent)}.reset-effect{border:0;background:transparent;color:#6f7278;font-size:9px;display:flex;align-items:center;gap:4px;padding:2px 0;cursor:pointer}.reset-all{margin:0 10px 10px;border:1px solid #303238;background:transparent;color:#70737a;height:32px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.export-panel{overflow:auto;padding:15px}.export-preview{height:150px;background:#0c0d0f;border:1px solid #292c30;display:flex;align-items:center;justify-content:center;position:relative;color:#4e5158}.export-preview img{max-width:100%;max-height:100%;object-fit:contain}.export-preview span{position:absolute;bottom:6px;right:7px;background:#090a0ccc;padding:4px 6px;font:9px var(--mono);color:#aaa}.export-group{margin-top:20px}.export-group>label{display:flex;justify-content:space-between;font-size:11px;color:#a3a6ab;margin-bottom:8px}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid #32353a}.segmented button{height:31px;border:0;border-right:1px solid #32353a;background:#17191c;color:#777b80;font:11px var(--mono);cursor:pointer}.segmented button:last-child{border:0}.segmented button.active{background:#29310f;color:var(--accent)}.export-main{width:100%;height:42px;margin-top:24px;border:0;background:var(--accent);color:#12140d;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.export-main:disabled{opacity:.4}.svg-card{border:1px solid #2f3236;padding:12px;margin-top:10px;display:flex;align-items:center;gap:10px}.svg-card div{flex:1}.svg-card strong{font-size:11px}.svg-card p{font-size:9px;color:#74777d;line-height:1.5;margin:3px 0 0}.svg-card button{border:1px solid #44474c;background:#1c1e21;color:#ccc;font-size:10px;padding:7px;cursor:pointer}.svg-card button:disabled{opacity:.3}.privacy-note{font-size:9px;color:#666970;line-height:1.6;margin-top:18px;border-left:2px solid #39431b;padding-left:9px}.workspace{grid-column:2;grid-row:2;background:#16171a;display:grid;grid-template-rows:45px 1fr;min-width:0}.canvas-toolbar{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.canvas-meta{display:flex;align-items:center;gap:9px;font-size:11px}.canvas-meta span{font:9px var(--mono);color:#777a80}.canvas-meta i{font-style:normal;font-size:9px;color:var(--accent)}.view-controls{display:flex;align-items:center;gap:3px}.view-controls button{border:0;background:transparent;color:#999ca2;height:29px;padding:0 7px;display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}.view-controls button:hover{background:#222429;color:#fff}.view-controls span{font:9px var(--mono);color:#7d8086;min-width:38px;text-align:center}.canvas-area{overflow:auto;display:flex;align-items:center;justify-content:center;padding:70px;background-color:#151619;background-image:linear-gradient(45deg,#191a1e 25%,transparent 25%),linear-gradient(-45deg,#191a1e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#191a1e 75%),linear-gradient(-45deg,transparent 75%,#191a1e 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas-frame{position:relative;box-shadow:0 18px 60px #0008;transform-origin:center;transition:transform .12s}.canvas-frame canvas{display:block;max-width:min(1000px,70vw);max-height:76vh;width:auto;height:auto;background:#fff}.canvas-label{position:absolute;top:-25px;left:0;font:9px var(--mono);color:#65686e}.canvas-empty{text-align:center;color:#777a80;cursor:pointer}.empty-icon{width:76px;height:76px;border:1px solid #34363b;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg)}.empty-icon svg{transform:rotate(-45deg);color:#a9c834}.canvas-empty h1{font-size:24px;font-weight:500;color:#d4d6d1;margin:0 0 8px}.canvas-empty p{font-size:12px;margin-bottom:24px}.canvas-empty button{display:flex;align-items:center;gap:6px;margin:auto}.format-list{display:flex;justify-content:center;gap:18px;font:9px var(--mono);margin-top:28px;color:#54575d}.modal-backdrop{position:fixed;top:56px;right:0;bottom:0;left:0;background:#000a;z-index:10;display:flex;align-items:center;justify-content:center}.library-modal{width:min(820px,75vw);max-height:80vh;background:#141518;border:1px solid #34363b;box-shadow:0 25px 80px #000;display:flex;flex-direction:column}.modal-head{padding:22px 25px 17px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head span{font:9px var(--mono);color:var(--accent)}.modal-head h2{font-size:20px;margin:5px 0 0}.modal-head button{border:0;background:transparent;color:#888b91;cursor:pointer}.effect-library{padding:20px 25px 30px;overflow:auto}.effect-library section{margin-bottom:25px}.effect-library h3{font-size:10px;color:#777a80;margin:0 0 9px;text-transform:uppercase;letter-spacing:.12em}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.library-grid button{height:70px;border:1px solid #2c2f34;background:#1a1c20;display:flex;align-items:center;text-align:left;padding:9px;gap:12px;cursor:pointer}.library-grid button:hover{border-color:#687536;background:#1d2118}.library-grid button>div{flex:1}.library-grid strong{font-size:12px}.library-grid p{font-size:9px;color:#74777d;margin:3px 0}.library-grid svg{color:#60636a}.effect-symbol{width:43px;height:43px;display:block;flex:none;background-color:#111215;background-image:radial-gradient(circle,#d9ff43 2px,transparent 2px);background-size:9px 9px}.symbol-mosaic{background-image:linear-gradient(90deg,#d9ff43 48%,transparent 48%),linear-gradient(#d9ff43 48%,#31342c 48%);background-size:14px 14px}.symbol-ascii{background-image:none;color:#d9ff43}.symbol-ascii:after{content:"A#9";font:12px var(--mono);display:block;padding:14px 8px}.symbol-edges,.symbol-sketch{background-image:repeating-linear-gradient(25deg,transparent 0 7px,#d9ff43 8px 9px)}.symbol-posterize,.symbol-colorblocks{background-image:linear-gradient(135deg,#111 33%,#d9ff43 33%,#d9ff43 66%,#ddd 66%)}.symbol-blur{filter:blur(3px)}.symbol-slices{background-image:repeating-linear-gradient(0deg,#d9ff43 0,#d9ff43 5px,#161718 5px,#161718 10px);transform:skew(-12deg)}.symbol-wave{background-image:radial-gradient(ellipse at 0 50%,transparent 8px,#d9ff43 9px 10px,transparent 11px);background-size:15px 28px}.project-load-fab{position:fixed;bottom:12px;left:330px;width:31px;height:31px;border:1px solid #32353a;background:#17191c;color:#74777d;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.toasts{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;flex-direction:column;gap:7px}.toast{background:#24262a;border-left:3px solid #8b8e94;padding:11px 15px;min-width:230px;font-size:11px;box-shadow:0 8px 30px #0008}.toast.success{border-color:var(--accent)}.toast.error{border-color:#ff665c}.mobile-message{display:none}@media(max-width:899px){body{min-width:0}.app>*:not(.mobile-message){display:none}.mobile-message{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;padding:30px;text-align:center;background:#0d0e10;color:#ddd}}.symbol-woodcut{background-image:repeating-linear-gradient(-18deg,#d9ff43 0 2px,transparent 2px 7px)}.symbol-dissolve{background-image:radial-gradient(circle at 25% 55%,#d9ff43 0 3px,transparent 4px),radial-gradient(circle at 55% 30%,#d9ff43 0 1px,transparent 2px),radial-gradient(circle at 78% 68%,#d9ff43 0 2px,transparent 3px)}.symbol-knit{background-image:repeating-radial-gradient(ellipse at 50% 0,#d9ff43 0 2px,transparent 3px 8px);background-size:11px 11px}.symbol-crosshatch{background-image:repeating-linear-gradient(25deg,transparent 0 5px,#d9ff43 6px 7px),repeating-linear-gradient(-25deg,transparent 0 5px,#77832f 6px 7px)}.quick-actions{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #292c31}.quick-actions button{border:1px solid #34373c;background:#111215;color:#8c8f95;height:27px;padding:0 7px;font-size:9px;display:flex;align-items:center;gap:4px;cursor:pointer}.quick-actions button:hover,.quick-actions button.active{border-color:#788536;color:var(--accent);background:#202615}.quick-actions .palette-off{border:0;background:transparent;color:#686b71}.symbol-outlinefill{background-image:linear-gradient(135deg,transparent 30%,#d9ff43 31% 65%,#202226 66%);box-shadow:inset 0 0 0 3px #d9ff43}.symbol-contourdistort{background-image:radial-gradient(ellipse at center,transparent 35%,#d9ff43 37% 42%,transparent 44%),radial-gradient(ellipse at 55% 48%,transparent 49%,#70812b 51% 54%,transparent 56%)}.symbol-symbolmatrix{background-image:radial-gradient(circle,transparent 0 4px,#d9ff43 4px 6px,transparent 6px),linear-gradient(90deg,transparent 43%,#71802f 43% 57%,transparent 57%),linear-gradient(transparent 43%,#71802f 43% 57%,transparent 57%);background-size:20px 20px}.symbol-formgrid{background-image:repeating-linear-gradient(8deg,transparent 0 6px,#d9ff43 7px 8px),repeating-linear-gradient(98deg,transparent 0 7px,#6b782f 8px 9px)}.symbol-contourbrush{background-image:repeating-conic-gradient(from 0deg at 50% 50%,#d9ff43 0 3deg,transparent 3deg 18deg);border-radius:50%}.symbol-contourtype{background-image:none;color:#d9ff43;border:1px dotted #596722;border-radius:45%}.symbol-contourtype:after{content:"A0B9";font:9px var(--mono);display:block;padding:16px 5px;transform:rotate(-12deg)}.symbol-topocontour{background-image:repeating-radial-gradient(ellipse at 48% 52%,transparent 0 4px,#d9ff43 5px 6px,transparent 7px 10px,#71802f 11px 12px)}.workspace-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}.workspace-body.gallery-visible{grid-template-columns:minmax(0,1fr) 286px}.workspace-body .canvas-area{min-width:0;min-height:0}.view-controls button.active{background:#29310f;color:var(--accent)}.preview-gallery{border-left:1px solid var(--line);background:#111215;min-width:0;display:grid;grid-template-rows:55px 39px 1fr 52px;overflow:hidden}.gallery-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 14px;border-bottom:1px solid var(--line)}.gallery-head div{display:flex;flex-direction:column;gap:3px}.gallery-head span{font:8px var(--mono);color:#68702f}.gallery-head strong{font-size:13px}.gallery-head button{border:0;background:transparent;color:#777a80;display:flex;cursor:pointer}.gallery-tools{display:flex;align-items:center;gap:4px;padding:0 9px;border-bottom:1px solid #24262a}.gallery-tools button{border:0;background:transparent;color:#85888e;font-size:9px;display:flex;align-items:center;gap:3px;cursor:pointer}.gallery-tools button:disabled{opacity:.3}.gallery-tools span{margin-left:auto;font:9px var(--mono);color:#62656b}.gallery-grid{overflow:auto;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.gallery-grid::-webkit-scrollbar{width:5px}.gallery-grid::-webkit-scrollbar-thumb{background:#303238}.gallery-empty{grid-column:1/-1;color:#62656b;text-align:center;padding:55px 18px}.gallery-empty p{font-size:10px;line-height:1.7}.saved-preview{border:1px solid #2d3035;background:#181a1e;cursor:pointer;min-width:0}.saved-preview:hover{border-color:#52563e}.saved-preview.selected{border-color:var(--accent);box-shadow:0 0 0 1px #d9ff4333}.saved-image{height:92px;background-color:#141518;background-image:linear-gradient(45deg,#1b1c20 25%,transparent 25%),linear-gradient(-45deg,#1b1c20 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1b1c20 75%),linear-gradient(-45deg,transparent 75%,#1b1c20 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;position:relative;display:flex;align-items:center;justify-content:center}.saved-image img{max-width:100%;max-height:100%;object-fit:contain}.saved-check{position:absolute;left:5px;top:5px;width:16px;height:16px;border:1px solid #666970;background:#111215cc;color:#11130d;font-size:11px;display:flex;align-items:center;justify-content:center}.selected .saved-check{background:var(--accent);border-color:var(--accent)}.saved-image b{position:absolute;right:4px;bottom:4px;background:#111215dd;color:var(--accent);font:7px var(--mono);padding:3px}.saved-meta{height:38px;padding:5px 6px;display:grid;grid-template-columns:1fr auto;position:relative}.saved-meta strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-meta span{font:7px var(--mono);color:#65686e;grid-row:2}.saved-meta button{grid-column:2;grid-row:1/3;border:0;background:transparent;color:#5e6167;padding:2px;cursor:pointer}.saved-meta button:hover{color:#ff7168}.gallery-export{border-top:1px solid var(--line);padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.gallery-export button{border:1px solid #3a3d42;background:#1b1d20;color:#b9bbc0;font-size:9px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.gallery-export button:first-child{background:var(--accent);border-color:var(--accent);color:#11130d;font-weight:700}.gallery-export button:disabled{opacity:.3;cursor:default}.dropzone video{width:68px;height:68px;object-fit:cover;margin-left:8px}.media-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;max-width:100%;max-height:100%}.media-controls{height:38px;min-width:min(620px,65vw);display:flex;align-items:center;gap:8px;padding:0 9px;background:#0d0e10e8;border:1px solid #303238;box-shadow:0 8px 25px #0008}.media-controls button{width:27px;height:27px;border:0;background:transparent;color:#a7aab0;display:flex;align-items:center;justify-content:center;cursor:pointer}.media-controls button:hover,.media-controls button.active{background:#29310f;color:var(--accent)}.media-controls>span{font:9px var(--mono);color:#82858b;min-width:37px;text-align:center}.media-controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:#3b3e43;flex:1}.media-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);cursor:pointer}.media-controls select{height:27px;border:1px solid #34373c;background:#151619;color:#aeb0b5;font:9px var(--mono);padding:0 5px}.dynamic-export-badge{display:flex;align-items:center;gap:7px;margin-top:14px;padding:9px 10px;border:1px solid #34373c;background:#181a1e;color:#b8babf;font-size:10px}.dynamic-export-badge svg{color:var(--accent)}.export-progress{height:22px;margin-top:16px;border:1px solid #34373c;background:#111215;position:relative;overflow:hidden}.export-progress span{display:block;height:100%;background:#d9ff4333;transition:width .12s}.export-progress b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:9px var(--mono);color:#d9ff43}.tabs{grid-template-columns:repeat(3,1fr)}.music-panel{overflow:auto;padding:14px 14px 22px}.music-panel::-webkit-scrollbar{width:6px}.music-panel::-webkit-scrollbar-thumb{background:#303238}.music-hero{border:1px solid #30333a;background:linear-gradient(145deg,#1a1d1d,#121316);padding:14px}.music-kicker{display:flex;align-items:center;gap:6px;color:var(--accent);font:9px var(--mono);letter-spacing:.1em}.music-hero h2{font-size:16px;margin:9px 0 5px}.music-hero p{font-size:9px;color:#7e8187;line-height:1.6;margin:0}.waveform{height:54px;display:flex;align-items:center;gap:2px;margin:15px 0 12px;border-block:1px solid #292c30;padding:7px 0}.waveform i{display:block;flex:1;min-height:3px;background:#484c43;transition:.2s}.waveform.ready i{background:var(--accent)}.music-actions{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:5px}.music-actions button{height:30px;border:1px solid #3a3d43;background:#1b1d20;color:#a8abb0;font-size:9px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.music-actions .music-generate{background:#29310f;border-color:#596526;color:var(--accent)}.music-actions button:disabled,.music-export:disabled{opacity:.35;cursor:default}.music-progress{height:19px;margin-top:9px;border:1px solid #34373c;background:#111215;position:relative}.music-progress span{display:block;height:100%;background:#d9ff4333}.music-progress b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:8px var(--mono);color:var(--accent)}.music-form{padding-top:14px}.music-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.music-param{margin-bottom:12px}.music-param>label{display:flex;justify-content:space-between;font-size:10px;color:#989ba1;margin-bottom:6px}.music-param>label b{color:#c7c9c5;font:9px var(--mono)}.music-param>div{display:flex;align-items:center;gap:8px}.music-param input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:#3b3e43;flex:1}.music-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent)}.music-param input[type=number],.music-param select{width:100%;height:29px;border:1px solid #34373c;background:#111215;color:#d7d8d5;padding:0 7px;font:10px var(--mono)}.music-param>div input[type=number]{width:62px}.music-export{width:100%;height:41px;border:0;background:var(--accent);color:#11130d;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;margin-top:4px}.locked-duration{border:1px solid #30333a;background:#17191c;padding:9px}.locked-duration p{margin:0;color:#6f7278;font-size:9px;line-height:1.5}.source-timeline-note{margin-top:15px;border:1px solid #3b4421;background:#1a1e15;padding:10px;display:flex;flex-direction:column;gap:4px}.source-timeline-note b{font-size:10px;color:var(--accent)}.source-timeline-note span{font-size:9px;color:#818579;line-height:1.5}.sync-preview{width:100%;height:35px;margin-top:7px;border:1px solid #637128;background:#202615;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:600;cursor:pointer}.sync-preview.active{background:var(--accent);color:#11130d}.sync-preview:disabled{opacity:.35;cursor:default}.music-footer{position:sticky;bottom:0;z-index:3;margin:8px -14px -22px;padding:10px 14px 16px;background:linear-gradient(180deg,#12131600,#121316 14px);border-top:1px solid #292c30}.music-footer .privacy-note{margin-top:10px}.music-panel{min-height:0;flex:1}.music-form{padding-bottom:2px}.canvas-area{padding:clamp(18px,4.5vw,70px)}.media-stage{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:clamp(12px,3vh,35px)}.canvas-frame{align-self:center;min-width:0;min-height:0}.canvas-frame canvas{max-width:min(100%,1000px);max-height:calc(100vh - 205px)}.media-controls{width:min(620px,100%);min-width:0;max-width:100%;display:grid;grid-template-columns:27px 40px minmax(90px,1fr) 40px 27px auto;flex:none}.media-controls input[type=range]{width:100%;min-width:0}.workspace-body{position:relative}.preview-gallery,.gallery-grid{min-height:0}.gallery-export{min-height:52px;background:#111215;z-index:2}.gallery-export button{min-height:34px}.sidebar>*{min-width:0}.export-panel{min-height:0;flex:1}.music-export{margin-top:0}@media(max-width:1200px){.app{grid-template-columns:330px minmax(0,1fr)}.workspace-body.gallery-visible{grid-template-columns:minmax(0,1fr)}.preview-gallery{position:absolute;z-index:8;inset:0 0 0 auto;width:min(286px,62%);box-shadow:-18px 0 45px #000a}.canvas-toolbar{padding-inline:8px}.view-controls button{padding-inline:5px;font-size:0;gap:0}.view-controls button svg{width:15px;height:15px}.top-actions .text-button{padding-inline:6px;font-size:0;gap:0}.top-actions .text-button svg{width:16px;height:16px}.canvas-frame canvas{max-height:calc(100vh - 190px)}}@media(max-width:899px)and (min-width:720px){body{min-width:720px}.app{grid-template-columns:300px minmax(0,1fr)}.app>.topbar{display:flex}.app>.sidebar{display:flex}.app>.workspace{display:grid}.app>.project-load-fab{display:flex}.app>.toasts{display:flex}.app>input[hidden]{display:none!important}.app>.mobile-message{display:none}.brand{gap:7px}.brand small{display:none}.topbar{padding-inline:9px}.top-actions{gap:1px}.primary-button{margin-left:2px;padding-inline:11px;font-size:11px}.canvas-meta span{display:none}.canvas-area{padding:18px 12px}.media-controls{grid-template-columns:27px 34px minmax(70px,1fr) 34px 27px}.media-controls select{display:none}.preview-gallery{width:min(270px,70%)}.music-row{grid-template-columns:1fr}}@media(max-height:760px){.canvas-area{padding-block:16px}.media-stage{gap:10px}.canvas-frame canvas{max-height:calc(100vh - 165px)}.music-panel{padding-top:9px}.music-hero{padding:10px}.music-hero h2{margin-block:5px;font-size:14px}.waveform{height:40px;margin-block:8px}.music-form{padding-top:9px}.music-param{margin-bottom:9px}.preview-gallery{grid-template-rows:46px 34px minmax(0,1fr) 50px}.gallery-head{padding-inline:9px}.gallery-grid{padding:6px;gap:6px}.saved-image{height:70px}}@media(max-width:719px){body{min-width:0}}html,body,#root{width:100%;height:100%;min-width:0;min-height:0}body{overflow:hidden}.app{width:100%;height:100dvh;grid-template-columns:clamp(280px,26vw,374px) minmax(0,1fr);min-width:0;min-height:0}.topbar,.sidebar,.workspace,.workspace-body,.canvas-area,.media-stage,.preview-gallery,.music-panel,.export-panel,.effect-stack{min-width:0;min-height:0}.sidebar{overflow:hidden}.effect-stack,.music-panel,.export-panel{overscroll-behavior:contain}.canvas-toolbar{min-width:0;gap:8px}.canvas-meta{min-width:0;white-space:nowrap}.view-controls{min-width:0;overflow:hidden;justify-content:flex-end}.view-controls button{flex:none;white-space:nowrap}.workspace-body.gallery-visible{grid-template-columns:minmax(0,1fr) clamp(220px,20vw,286px)}.preview-gallery{grid-template-rows:auto auto minmax(0,1fr) auto}.gallery-export{position:sticky;bottom:0}.canvas-area{padding:clamp(10px,3.5vmin,70px)}.media-stage{width:100%;height:100%;max-width:none;max-height:none}.canvas-frame{max-width:100%;max-height:100%}.canvas-frame canvas{max-width:min(100%,1000px);max-height:calc(100dvh - clamp(150px,22vh,220px))}.media-controls{width:min(620px,100%);min-width:0}.music-panel{display:flex;flex-direction:column;padding-bottom:0}.music-hero,.music-form{flex:none}.music-footer{margin-top:auto}.export-panel{padding-bottom:24px}.project-load-fab{left:calc(clamp(280px,26vw,374px) - 44px)}@media(max-width:1200px){.app{grid-template-columns:clamp(270px,29vw,330px) minmax(0,1fr)}.project-load-fab{left:calc(clamp(270px,29vw,330px) - 44px)}}@media(max-width:980px){.brand small{display:none}.top-actions .text-button{font-size:0;padding-inline:7px}.top-actions .text-button svg{width:16px;height:16px}.view-controls button{font-size:0;padding-inline:5px}.view-controls button svg{width:15px;height:15px}.workspace-body.gallery-visible{grid-template-columns:minmax(0,1fr)}.preview-gallery{position:absolute;inset:0 0 0 auto;width:clamp(230px,42vw,286px);z-index:8;box-shadow:-18px 0 45px #000b}}@media(max-width:760px){body{overflow:auto}.app{height:auto;min-height:100dvh;display:grid;grid-template:52px minmax(360px,46dvh) minmax(430px,54dvh)/minmax(0,1fr);overflow:visible}.app>.topbar{display:flex;grid-column:1;grid-row:1}.app>.sidebar{display:flex;grid-column:1;grid-row:2;border-right:0;border-bottom:1px solid var(--line)}.app>.workspace{display:grid;grid-column:1;grid-row:3}.app>.project-load-fab{display:flex}.app>.toasts{display:flex}.app>.mobile-message{display:none}.topbar{height:52px;padding-inline:8px}.brand{gap:7px;font-size:13px}.brand-mark{padding:7px 6px}.top-actions{gap:0}.top-actions .divider{display:none}.icon-button,.text-button{padding-inline:5px}.primary-button{height:32px;margin-left:2px;padding-inline:10px;font-size:11px}.tabs{height:42px}.upload-section{padding:8px}.dropzone{height:68px}.dropzone img,.dropzone video{width:52px;height:52px}.section-title{height:42px}.effect-stack{padding:7px}.reset-all{height:30px;margin-bottom:7px}.workspace{grid-template-rows:auto minmax(0,1fr)}.canvas-toolbar{min-height:42px;height:auto;padding:5px 7px;flex-wrap:wrap}.canvas-meta{min-width:80px}.view-controls{flex:1}.canvas-area{padding:12px 8px}.canvas-frame canvas{max-height:calc(54dvh - 120px)}.media-stage{gap:8px}.media-controls{grid-template-columns:27px 34px minmax(54px,1fr) 34px 27px}.media-controls select{display:none}.preview-gallery{position:absolute;width:min(82vw,286px)}.project-load-fab{position:fixed;left:8px;bottom:8px}.music-row{grid-template-columns:1fr 1fr}.music-footer{bottom:0}}@media(max-width:520px){.app{grid-template-rows:48px minmax(390px,50dvh) minmax(390px,50dvh)}.brand>span:not(.brand-mark){display:none}.top-actions .icon-button:nth-child(2),.top-actions .text-button{display:none}.canvas-meta{display:none}.view-controls{justify-content:space-between;width:100%}.view-controls .divider{display:none}.media-controls{height:auto;min-height:38px;padding:5px;grid-template-columns:27px 31px minmax(48px,1fr) 31px 27px}.media-controls>span{min-width:0}.music-row{grid-template-columns:1fr}.library-modal{width:calc(100vw - 16px);max-height:88dvh}.library-grid{grid-template-columns:1fr}}@media(max-height:620px)and (min-width:761px){.app{grid-template-rows:48px minmax(0,1fr)}.topbar{height:48px}.tabs{height:40px}.upload-section{padding:7px}.dropzone{height:62px}.dropzone img,.dropzone video{width:48px;height:48px}.section-title,.canvas-toolbar{height:40px}.canvas-frame canvas{max-height:calc(100dvh - 135px)}.music-hero{padding:8px}.waveform{height:32px}.music-actions button{height:27px}.sync-preview{height:31px}}.tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.tabs button{min-width:0}.segmented button:disabled{opacity:.32;cursor:not-allowed}.transparent-preview canvas,.export-preview.overlay{background-color:#e8e8e8;background-image:linear-gradient(45deg,#c9c9c9 25%,transparent 25%),linear-gradient(-45deg,#c9c9c9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c9c9c9 75%),linear-gradient(-45deg,transparent 75%,#c9c9c9 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.overlay-panel{min-height:0;flex:1;overflow:auto;padding:14px 14px 0;overscroll-behavior:contain}.overlay-panel::-webkit-scrollbar,.overlay-layers::-webkit-scrollbar{width:6px}.overlay-panel::-webkit-scrollbar-thumb,.overlay-layers::-webkit-scrollbar-thumb{background:#303238}.overlay-hero{border:1px solid #30333a;background:linear-gradient(145deg,#1a1d1d,#121316);padding:14px}.overlay-hero h2{font-size:16px;margin:9px 0 5px}.overlay-hero p{font-size:9px;color:#7e8187;line-height:1.6;margin:0}.overlay-background{padding:14px 0;border-bottom:1px solid #292c30}.overlay-background>label{display:block;font-size:10px;color:#989ba1;margin-bottom:7px}.overlay-color{margin-top:8px}.overlay-color input[type=text]{height:29px;border:1px solid #34373c;background:#111215;color:#d7d8d5;padding:0 7px;font:10px var(--mono)}.overlay-tools{height:38px;display:flex;align-items:center;gap:5px}.overlay-tools button{border:1px solid #34373c;background:#191b1e;color:#95989e;font-size:9px;padding:5px 7px;cursor:pointer}.overlay-tools button:disabled{opacity:.3}.overlay-tools span{margin-left:auto;font:9px var(--mono);color:#6c6f75}.overlay-layers{display:flex;flex-direction:column;gap:7px}.overlay-layer{border:1px solid #2d3035;background:#181a1e}.overlay-layer.enabled{border-color:#4c552a}.overlay-layer-head{min-height:42px;display:flex;align-items:center;gap:7px;padding:6px 8px;color:#666a70}.overlay-layer-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}.overlay-layer-head strong{font-size:11px;color:#d4d6d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-layer-head span{font-size:8px;color:#676a70}.overlay-layer-controls{border-top:1px solid #292c30;padding:9px}.overlay-layer-controls label{display:flex;justify-content:space-between;font-size:9px;color:#8e9197;margin-bottom:6px}.overlay-layer-controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:#3b3e43;margin-bottom:11px}.overlay-layer-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent)}.overlay-layer-controls select{width:100%;height:29px;border:1px solid #34373c;background:#111215;color:#d7d8d5;font:10px var(--mono);padding-inline:7px}.overlay-empty{text-align:center;color:#676a70;padding:35px 20px}.overlay-empty p{font-size:10px;line-height:1.6}.overlay-footer{position:sticky;bottom:0;margin:12px -14px 0;padding:11px 14px 16px;background:linear-gradient(180deg,#12131600,#121316 12px);border-top:1px solid #292c30}.overlay-export{width:100%;height:39px;border:0;background:var(--accent);color:#11130d;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.overlay-export:disabled{opacity:.35}.overlay-footer p{font-size:8px;color:#676a70;line-height:1.5;margin:7px 0 0}.export-modes button{font-size:9px;white-space:normal;padding-inline:3px}.export-status{margin:6px 0 0;color:#85888f;font-size:9px;text-align:center}.export-cancel{width:100%;height:30px;margin-top:7px;border:1px solid #4a3a3a;background:#211719;color:#d4a7a7;font-size:10px;cursor:pointer}@media(max-width:760px){.overlay-panel{padding-top:9px}.overlay-hero{padding:10px}.overlay-hero h2{margin-block:5px;font-size:14px}}@media(max-width:520px){.tabs button{font-size:10px;gap:4px}.tabs button svg{width:14px;height:14px}}.tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.text-panel{min-width:0;min-height:0;flex:1;overflow:auto;padding:14px 14px 0;overscroll-behavior:contain}.text-panel::-webkit-scrollbar{width:6px}.text-panel::-webkit-scrollbar-thumb{background:#303238}.text-hero{border:1px solid #30333a;background:linear-gradient(145deg,#1a1d1d,#121316);padding:14px}.text-hero h2{font-size:16px;margin:9px 0 5px}.text-hero p{font-size:9px;color:#7e8187;line-height:1.6;margin:0}.source-switch{padding:14px 0;border-bottom:1px solid #292c30}.source-switch>label,.text-inline-label{display:block;font-size:10px;color:#989ba1;margin-bottom:7px}.text-section{padding:13px 0;border-bottom:1px solid #292c30}.text-section h3{margin:0 0 9px;font-size:10px;color:var(--accent);font-weight:600;letter-spacing:.08em}.text-section textarea{display:block;width:100%;height:112px;resize:vertical;border:1px solid #34373c;background:#0f1012;color:#e4e5e1;padding:9px;font:12px/1.55 var(--mono);outline:none}.text-section textarea:focus,.text-section input:focus,.text-section select:focus{border-color:#6f7d33}.text-section>select,.text-field input,.text-field select,.font-search,.local-font-list{width:100%;height:31px;border:1px solid #34373c;background:#111215;color:#d7d8d5;padding:0 7px;font:10px var(--mono);outline:none}.text-overflow{margin-top:7px;border:1px solid #65473a;background:#281b17;color:#efaa8b;padding:7px;display:flex;align-items:flex-start;gap:6px;font-size:9px;line-height:1.5}.text-overflow svg{flex:none}.text-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.text-field label{display:block;font-size:9px;color:#85888f;margin-bottom:5px}.text-inline-label{margin-top:11px}.text-color-row{display:flex;gap:7px;margin-top:8px}.text-color-row input[type=color],.text-toggle-color input[type=color]{width:31px;height:29px;padding:0;border:1px solid #3a3c42;background:transparent}.text-color-row input[type=text],.text-toggle-color input[type=text]{min-width:0;flex:1;height:29px;border:1px solid #34373c;background:#111215;color:#d7d8d5;padding:0 7px;font:10px var(--mono)}.font-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.font-actions button{height:30px;border:1px solid #3a3d43;background:#1b1d20;color:#a8abb0;font-size:9px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.font-actions button:disabled{opacity:.35}.font-search{margin-top:7px}.local-font-list{height:auto;min-height:58px;margin-top:6px;padding:3px}.text-control{margin-top:12px}.text-control>label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#989ba1;margin-bottom:6px}.text-control>label b{font:9px var(--mono);color:#c7c9c5}.text-control>div{display:flex;align-items:center;gap:8px}.text-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:#3b3e43;flex:1;min-width:0}.text-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent)}.text-control input[type=number]{width:66px;height:29px;border:1px solid #34373c;background:#111215;color:#d7d8d5;padding:0 6px;font:10px var(--mono)}.text-toggle-color{display:grid;grid-template-columns:minmax(48px,1fr) 34px 31px minmax(76px,1.5fr);align-items:center;gap:6px;margin-top:10px}.text-toggle-color>label{font-size:10px;color:#989ba1}.text-toggle-color input:disabled{opacity:.3}.text-footer{position:sticky;bottom:0;margin:12px -14px 0;padding:12px 14px 15px;background:linear-gradient(180deg,#12131600,#121316 12px);border-top:1px solid #292c30;color:#70737a;font-size:8px;line-height:1.5;display:flex;gap:6px;align-items:flex-start}.text-footer svg{flex:none;color:var(--accent)}.empty-actions{display:flex;justify-content:center;gap:7px}.empty-actions button{margin:0}@media(max-width:760px){.text-panel{padding-top:9px}.text-hero{padding:10px}.text-hero h2{font-size:14px;margin-block:5px}}@media(max-width:520px){.tabs button{font-size:9px;gap:2px}.tabs button svg{width:13px;height:13px}.text-two-columns{grid-template-columns:1fr 1fr}.font-actions{grid-template-columns:1fr}.empty-actions{flex-direction:column;align-items:center}}.app-v4{grid-template:56px minmax(0,1fr)/minmax(0,1fr) clamp(520px,42vw,650px)}.app-v4.tab-music,.app-v4.tab-export,.app-v4.tab-user{grid-template-columns:minmax(0,1fr) clamp(310px,30vw,374px)}.app-v4 .workspace{grid-column:1;grid-row:2}.app-v4 .sidebar{grid-column:2;grid-row:2;border-right:0;border-left:1px solid var(--line)}.app-v4 .tabs{grid-template-columns:repeat(4,minmax(0,1fr));height:46px}.app-v4 .tabs button span{white-space:nowrap}.compact-upload{padding:8px;border-bottom:1px solid var(--line);flex:none;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(76px,.55fr) minmax(0,1fr);gap:5px}.compact-upload>button{width:100%;height:34px;border:1px dashed #41444a;background:#17191c;color:#9da0a6;display:flex;align-items:center;gap:7px;padding:0 9px;cursor:pointer;min-width:0}.compact-upload>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left;font-size:10px}.compact-upload>.canvas-quick-button{justify-content:center;padding-inline:7px}.compact-upload>.canvas-quick-button .canvas-button-label{display:inline;flex:none;text-align:center;white-space:nowrap;overflow:visible}.compact-upload>button b{font-size:9px;color:var(--accent)}.editor-panels{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(270px,1.1fr);background:#101114;overflow:hidden}.mobile-panel-tabs{display:none}.dock-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#131417}.dock-panel+.dock-panel{border-left:1px solid var(--line)}.dock-panel>header{height:42px;flex:none;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#15171a}.dock-panel>header>div{display:flex;align-items:center;gap:7px}.dock-panel>header strong{font-size:11px}.dock-panel>header>span{font:8px var(--mono);color:#70737a}.panel-head-right{margin-left:auto}.panel-head-right>span{font:8px var(--mono);color:#70737a}.panel-window-actions{display:flex;gap:2px}.panel-window-actions button{width:23px;height:22px;border:1px solid #303238;background:#191b1e;color:#777a80;font-size:8px;cursor:pointer;padding:0}.dock-panel.floating{position:fixed;z-index:18;border:1px solid #3a3d42;box-shadow:0 20px 60px #000c;resize:both;overflow:hidden;min-width:220px;min-height:42px}.dock-panel.floating>header{cursor:move}.dock-panel.collapsed>:not(header){display:none}.dock-panel.collapsed{min-height:42px!important;height:42px!important;resize:none}.property-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #d9ff4388}.panel-actions{height:40px;flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;border-bottom:1px solid #26282d}.desktop-layer-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-layer-tabs,.mobile-layer-actions{display:none}.layer-tab-section{display:contents}.panel-actions button{border:1px solid #303238;background:#1a1c20;color:#9b9ea4;font-size:9px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;min-width:0}.panel-actions button:hover{color:var(--accent);border-color:#566027}.panel-actions button:disabled{opacity:.3}.layer-group-title{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#777a80;border-bottom:1px solid #24262a;flex:none}.layer-group-title span{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.layer-group-title b{font:8px var(--mono)}.unified-layer-list{min-height:0;overflow:auto;padding:5px;overscroll-behavior:contain}.unified-layer-list.effects{flex:1}.unified-layer{min-height:43px;margin-bottom:4px;border:1px solid #292c31;background:#181a1e;display:grid;grid-template-columns:14px 24px minmax(0,1fr) 24px 24px 24px;align-items:center;gap:4px;padding:4px 5px;color:#64676d;cursor:pointer}.unified-layer.selected{border-color:#819036;background:#202518;box-shadow:inset 2px 0 var(--accent)}.unified-layer>div{display:flex;flex-direction:column;gap:2px;min-width:0}.unified-layer strong{font-size:10px;color:#d3d5d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-layer small{font-size:7px;color:#676a70}.unified-layer>button{border:0;background:transparent;color:#777a80;padding:4px;display:flex;cursor:pointer}.unified-layer>button:disabled{opacity:.28;cursor:default}.unified-layer .layer-effect-toggle.active:not(:disabled){color:var(--accent)}.layer-kind{width:23px;height:23px;display:flex;align-items:center;justify-content:center;background:#222429;color:#a0a3a8}.effect-mini{width:23px;height:23px;background:#101114;background-image:radial-gradient(circle,#d9ff43 1px,transparent 2px);background-size:6px 6px}.unified-layer-list.effects .unified-layer{grid-template-columns:14px 24px minmax(0,1fr) 24px}.add-effect-empty{width:100%;height:38px;border:1px dashed #383b40;background:transparent;color:#777a80;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;cursor:pointer}.properties-scroll{overflow:auto;min-height:0;overscroll-behavior:contain}.property-section{padding:12px;border-bottom:1px solid #292c31}.property-section h3{font-size:12px;margin:0;color:#e2e4df}.property-section h4{font-size:9px;color:#8d9096;margin:14px 0 8px;text-transform:uppercase;letter-spacing:.08em}.property-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.property-title-row>div{display:flex}.property-title-row button{border:0;background:transparent;color:#777a80;padding:4px;cursor:pointer}.property-name,.property-section>select,.font-property-row select{width:100%;height:30px;border:1px solid #34373c;background:#101114;color:#d7d8d5;padding:0 7px;font:10px var(--mono);outline:none}.property-name{margin-top:9px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inspector-field{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;border:1px solid #303238;background:#101114;min-width:0}.inspector-field span{font-size:8px;color:#73767c;padding-left:7px}.inspector-field input{width:100%;height:28px;border:0;border-left:1px solid #303238;background:#141619;color:#d7d8d5;padding:0 6px;font:9px var(--mono);min-width:0}.property-label{display:block;font-size:9px;color:#8d9096;margin:11px 0 6px}.inspector-color{display:grid;grid-template-columns:34px minmax(42px,1fr) 28px minmax(70px,1.4fr);gap:5px;align-items:center;margin-top:8px}.inspector-color label{font-size:9px;color:#8d9096}.inspector-color input[type=color]{width:28px;height:27px;padding:0;border:1px solid #3a3c42;background:transparent}.inspector-color input[type=text]{height:27px;min-width:0;border:1px solid #34373c;background:#101114;color:#d7d8d5;padding:0 5px;font:9px var(--mono)}.inspector-color.single{grid-template-columns:30px 1fr}.inspector-color.single input[type=text]{height:29px}.text-properties textarea{width:100%;height:92px;resize:vertical;border:1px solid #34373c;background:#0e0f11;color:#e4e5e1;padding:8px;font:11px/1.5 var(--mono);outline:none}.range-notice{margin-top:6px;padding:6px;border-left:2px solid var(--accent);background:#202518;color:#b6bf91;font-size:8px}.font-property-row{display:grid;grid-template-columns:minmax(0,1fr) 31px;gap:5px}.font-property-row button{border:1px solid #34373c;background:#1a1c20;color:#999ca2;display:flex;align-items:center;justify-content:center;cursor:pointer}.align-buttons,.split-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.align-buttons button,.split-actions button{height:29px;border:1px solid #34373c;background:#191b1e;color:#91949a;cursor:pointer;font-size:8px;display:flex;align-items:center;justify-content:center;gap:3px}.align-buttons button.active{background:#29310f;color:var(--accent);border-color:#566027}.split-actions{grid-template-columns:repeat(2,1fr)}.effect-param-list{margin-top:14px;padding-top:12px;border-top:1px solid #292c31}.effect-properties>select{margin-bottom:4px}.canvas-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0}.canvas-presets button,.media-fit-actions button,.local-font-tools button{height:28px;border:1px solid #34373c;background:#191b1e;color:#95989e;font-size:8px;cursor:pointer}.inspector-range-field{display:block;margin-top:8px}.inspector-range-field>span{display:block;margin-bottom:4px;color:#8d9096;font-size:8px}.inspector-range-field>div{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:6px;align-items:center}.inspector-range-field input[type=range]{width:100%;accent-color:var(--accent)}.inspector-range-field input[type=number]{width:100%;height:27px;border:1px solid #34373c;background:#101114;color:#d7d8d5;padding:0 5px;font:8px var(--mono)}.media-fit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.asset-summary{font:8px/1.5 var(--mono);color:#777a80;word-break:break-all}.local-font-tools{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px;margin-top:6px}.local-font-tools input{min-width:0;height:28px;border:1px solid #34373c;background:#101114;color:#d7d8d5;padding:0 7px;font-size:9px}.local-font-list{max-height:150px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:5px;border:1px solid #292c31;padding:4px;background:#101114}.local-font-list button{min-width:0;min-height:35px;border:1px solid #2d3035;background:#181a1e;color:#c7c9c4;text-align:left;padding:4px 6px;cursor:pointer;display:flex;flex-direction:column}.local-font-list strong{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-font-list small{font-size:7px;color:#70737a}.effect-target-checks{display:grid;gap:4px;margin-top:7px;max-height:180px;overflow:auto}.effect-target-checks label,.check-row{display:flex;align-items:center;gap:7px;border:1px solid #2c2f34;background:#17191c;padding:6px 7px;color:#a6a9ae;font-size:9px}.effect-target-checks input,.check-row input{accent-color:var(--accent)}.preview-gallery{grid-template-rows:55px auto 1fr 52px}.gallery-tools{min-height:39px;flex-wrap:wrap;padding-block:5px}.gallery-tools span{margin-left:auto}.scene-frame{position:relative;touch-action:none}.scene-frame canvas{pointer-events:none}.scene-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:visible}.scene-object{position:absolute;transform-origin:center;cursor:move;border:1px solid transparent;container-type:inline-size}.scene-object.selected{border-color:var(--accent);box-shadow:0 0 0 1px #1118}.scene-object.locked{cursor:not-allowed;border-style:dashed}.resize-handle,.rotate-handle{position:absolute;width:9px;height:9px;padding:0;border:1px solid #111;background:var(--accent);z-index:5}.resize-handle.n{left:50%;top:-5px;transform:translate(-50%);cursor:ns-resize}.resize-handle.s{left:50%;bottom:-5px;transform:translate(-50%);cursor:ns-resize}.resize-handle.e{right:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.resize-handle.w{left:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.resize-handle.ne{right:-5px;top:-5px;cursor:nesw-resize}.resize-handle.nw{left:-5px;top:-5px;cursor:nwse-resize}.resize-handle.se{right:-5px;bottom:-5px;cursor:nwse-resize}.resize-handle.sw{left:-5px;bottom:-5px;cursor:nesw-resize}.rotate-handle{left:50%;top:-27px;transform:translate(-50%);border-radius:50%;cursor:grab}.rotate-handle:after{content:"";position:absolute;left:3px;top:8px;width:1px;height:18px;background:var(--accent)}.alignment-guide{position:absolute;z-index:20;background:#46c9ff;pointer-events:none;box-shadow:0 0 4px #46c9ff}.alignment-guide.vertical{top:-20px;bottom:-20px;width:1px}.alignment-guide.horizontal{left:-20px;right:-20px;height:1px}.selection-marquee{position:absolute;border:1px solid #46c9ff;background:#46c9ff1f;z-index:30;pointer-events:none}.inline-text-editor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;resize:none;border:0;outline:1px solid #46c9ff;background:#1115;color:inherit;overflow:hidden;container-type:inline-size}.app-v4 .canvas-frame canvas{max-width:min(100%,1200px);max-height:calc(100dvh - 180px)}.app-v4 .workspace-body.gallery-visible{grid-template-columns:minmax(0,1fr) clamp(220px,20vw,286px)}.app-v4 .project-load-fab{left:auto;right:calc(clamp(520px,42vw,650px) + 12px)}.app-v4.tab-music .project-load-fab,.app-v4.tab-export .project-load-fab,.app-v4.tab-user .project-load-fab{right:calc(clamp(310px,30vw,374px) + 12px)}@media(max-width:1100px){.app-v4{grid-template-columns:minmax(0,1fr) clamp(430px,48vw,520px)}.editor-panels{grid-template-columns:minmax(180px,.85fr) minmax(235px,1.15fr)}.app-v4 .project-load-fab{right:calc(clamp(430px,48vw,520px) + 10px)}.view-controls button{font-size:0}}@media(max-width:760px){body{overflow:hidden}.app-v4,.app-v4.tab-music,.app-v4.tab-export,.app-v4.tab-user{height:100dvh;min-height:0;grid-template:48px minmax(0,56dvh) minmax(0,44dvh)/minmax(0,1fr);overflow:hidden}.app-v4 .topbar{grid-column:1;grid-row:1}.app-v4 .workspace{grid-column:1;grid-row:2}.app-v4 .sidebar{grid-column:1;grid-row:3;border-left:0;border-top:1px solid var(--line)}.app-v4>.modal-backdrop{display:flex;top:48px;right:0;bottom:0;left:0}.app-v4>.toasts{display:flex}.app-v4>input[hidden]{display:none!important}.app-v4 .tabs{height:38px}.compact-upload{padding:5px}.compact-upload>button{height:29px}.editor-panels{grid-template-columns:minmax(170px,.8fr) minmax(250px,1.2fr)}.dock-panel>header{height:34px}.panel-actions{height:35px}.app-v4 .canvas-toolbar{min-height:38px}.app-v4 .canvas-frame canvas{max-height:calc(56dvh - 105px)}.app-v4 .project-load-fab{right:8px;left:auto;bottom:calc(44dvh + 8px)}.app-v4 .preview-gallery{width:min(78vw,286px)}.app-v4 .library-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 64px)}}@media(max-width:520px){.app-v4,.app-v4.tab-music,.app-v4.tab-export,.app-v4.tab-user{grid-template-rows:48px minmax(0,52dvh) minmax(0,48dvh)}.app-v4 .sidebar{grid-row:3}.editor-panels{display:grid;grid-template:34px minmax(0,1fr)/minmax(0,1fr);overflow:hidden}.mobile-panel-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.mobile-panel-tabs button{border:0;border-right:1px solid var(--line);background:#15171a;color:#777a80;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px}.mobile-panel-tabs button.active{background:#202518;color:var(--accent)}.dock-panel{display:none;grid-row:2;grid-column:1}.dock-panel.mobile-active{display:flex}.layers-panel{overflow:hidden}.mobile-layer-tabs{height:34px;flex:none;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.mobile-layer-tabs button{border:0;border-right:1px solid var(--line);background:#111316;color:#777a80;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px}.mobile-layer-tabs button:last-child{border-right:0}.mobile-layer-tabs button.active{background:#202518;color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.desktop-layer-actions{display:none}.layer-tab-section{display:none;min-height:0;flex:1;overflow:hidden}.layer-tab-section.mobile-active{display:flex;flex-direction:column}.mobile-layer-actions{display:grid;height:38px}.mobile-layer-actions.content-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-layer-actions.effect-actions{grid-template-columns:minmax(0,1fr)}.layer-tab-section .content-layers,.layer-tab-section .effects{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(22px,env(safe-area-inset-bottom))}.dock-panel.floating{position:static!important;width:auto!important;height:auto!important;resize:none;box-shadow:none;border:0}.dock-panel.collapsed.mobile-active>.mobile-layer-tabs{display:grid}.dock-panel.collapsed.mobile-active>.layer-tab-section.mobile-active{display:flex}.dock-panel.collapsed.mobile-active>.properties-scroll{display:block}.panel-window-actions{display:none}.dock-panel+.dock-panel{border-left:0}.app-v4 .canvas-toolbar{padding-inline:5px}.app-v4 .view-controls{overflow-x:auto;justify-content:flex-start}.app-v4 .view-controls button{display:flex;min-width:29px}.app-v4 .canvas-area{padding:10px 6px}.app-v4 .canvas-frame canvas{max-height:calc(52dvh - 104px)}.app-v4 .media-controls{grid-template-columns:27px 28px minmax(40px,1fr) 28px 27px}.app-v4 .project-load-fab{bottom:calc(48dvh + 6px)}.property-grid{grid-template-columns:1fr 1fr}.top-actions .primary-button{font-size:0;width:34px;padding:0;justify-content:center}.top-actions .user-top-button{display:flex!important;width:34px;padding:0;justify-content:center}.top-actions .user-top-button span{display:none}}.app-v4 .export-panel{display:flex;flex-direction:column;min-height:0;overflow:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}.app-v4 .export-main{flex:none;position:sticky;bottom:0;z-index:3;box-shadow:0 -14px 24px #121316}.app-v4 .music-panel{min-height:0;overflow:auto}.app-v4 .music-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.app-v4 .gallery-export{grid-template-columns:repeat(2,minmax(0,1fr))}.app-v4 .gallery-export button{min-width:0;white-space:normal}.start-sidebar{padding:24px 18px;display:flex;flex-direction:column;gap:10px;color:#85888f}.start-sidebar strong{color:#e7e8e2;font-size:14px}.start-sidebar p{font-size:10px;line-height:1.7;margin:0 0 5px}.start-sidebar button{height:36px;border:1px solid #34373c;background:#181a1e;color:#c5c7c2;cursor:pointer}.start-sidebar button:first-of-type{background:#29310f;border-color:#596526;color:var(--accent)}.canvas-start{max-width:620px;padding:48px;text-align:center;border:1px solid #303238;background:#111215cc}.canvas-start>span{font:9px var(--mono);letter-spacing:.14em;color:var(--accent)}.canvas-start h1{font-size:25px;margin:13px 0 8px}.canvas-start p{font-size:11px;color:#85888f;line-height:1.7}.canvas-start>div{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:24px}.canvas-start button{height:38px;border:1px solid #3a3d43;background:#1a1c20;color:#c8cac5;padding:0 16px;display:flex;align-items:center;gap:7px;cursor:pointer}.canvas-start .primary-button{background:var(--accent);color:#11130d;border:0;margin:0}.tabs button:disabled{opacity:.3;cursor:not-allowed}@media(max-width:760px){.app-v4 .media-controls{width:100%;max-width:100%}.app-v4 .preview-gallery{max-width:calc(100vw - 8px)}.app-v4 .gallery-export{padding-bottom:max(8px,env(safe-area-inset-bottom))}.app-v4 .music-footer{position:sticky;bottom:0}}@media(max-width:520px){.app-v4 .media-controls{grid-template-columns:27px 30px minmax(0,1fr) 30px 27px;padding-inline:4px;gap:3px}.app-v4 .media-controls>span{font-size:8px}.app-v4 .gallery-export{grid-template-columns:1fr}.app-v4 .export-modes{grid-auto-flow:row;grid-auto-columns:auto}.app-v4 .export-modes button{min-height:34px}}.geometry-toolbar{display:flex;align-items:center;gap:4px;min-width:0;padding:0 6px;border-inline:1px solid #292c31}.geometry-toolbar>button,.geometry-toolbar>label{height:28px;min-width:28px;border:1px solid #34373c;background:#17191c;color:#989ba1;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.geometry-toolbar>button.active,.geometry-toolbar>label.active{border-color:#71802d;background:#29310f;color:var(--accent)}.geometry-toolbar>label{position:relative;padding:0 5px}.geometry-toolbar select{width:70px;height:26px;border:0;background:transparent;color:inherit;font:8px var(--mono);outline:0}.geometry-toolbar select option{background:#17191c;color:#d7d8d5}.geometry-toolbar small{font:7px var(--mono);color:#62656b;white-space:nowrap}.scene-overlay:not(.tool-select){cursor:crosshair}.scene-overlay.tool-pen{cursor:cell}.geometry-paint-editor{margin-top:8px;padding:8px;border:1px solid #292c31;background:#141619}.geometry-paint-editor>.property-label{margin-top:0}.geometry-paint-editor>select{width:100%;height:28px;border:1px solid #34373c;background:#101114;color:#d7d8d5;font:9px var(--mono)}.gradient-stops{display:grid;gap:5px;margin-top:7px}.gradient-stops>div{display:grid;grid-template-columns:28px minmax(0,1fr) 48px 24px;gap:5px;align-items:center}.gradient-stops input[type=color]{width:28px;height:25px;padding:0;border:1px solid #34373c;background:transparent}.gradient-stops input[type=range]{width:100%;accent-color:var(--accent)}.gradient-stops input[type=number]{width:100%;height:25px;border:1px solid #34373c;background:#101114;color:#d7d8d5;font:8px var(--mono)}.gradient-stops>div>button,.gradient-add-stop{height:25px;border:1px solid #34373c;background:#191b1e;color:#8f9298;cursor:pointer}.gradient-stops>div>button:disabled{opacity:.25}.gradient-add-stop{width:100%;font-size:8px}.geometry-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.geometry-button-grid button,.anchor-type-actions button,.align-object-grid button,.wide-action{min-height:29px;border:1px solid #34373c;background:#191b1e;color:#95989e;font-size:8px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.geometry-button-grid button.active{background:#29310f;border-color:#596526;color:var(--accent)}.anchor-type-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.align-object-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:5px}.wide-action{width:100%;margin-top:7px;color:var(--accent)}.geometry-anchor-editor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;cursor:crosshair}.geometry-anchor{position:absolute;width:9px;height:9px;padding:0;transform:translate(-50%,-50%);border:1px solid #101114;background:#eef0e9;z-index:12;cursor:move}.geometry-anchor.smooth{border-radius:50%}.geometry-anchor.symmetric{transform:translate(-50%,-50%) rotate(45deg)}.geometry-anchor.selected{background:var(--accent);box-shadow:0 0 0 2px #101114}.bezier-handle{position:absolute;width:7px;height:7px;padding:0;transform:translate(-50%,-50%);border:1px solid #101114;border-radius:50%;background:#47cfff;z-index:12;cursor:move}.mobile-save-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#070809ed;display:flex;align-items:center;justify-content:center;padding:16px}.mobile-save-sheet{width:min(680px,100%);max-height:calc(100dvh - 24px);overflow:auto;background:#141518;border:1px solid #3a3d43;box-shadow:0 22px 80px #000;padding-bottom:max(14px,env(safe-area-inset-bottom))}.mobile-save-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.mobile-save-sheet>header span{font:8px var(--mono);color:var(--accent);letter-spacing:.1em}.mobile-save-sheet>header h2{font-size:18px;margin:5px 0 0}.mobile-save-sheet>header button{border:0;background:transparent;color:#9a9da2;padding:4px}.mobile-save-sheet>p{font-size:11px;line-height:1.7;color:#a1a4a9;padding:0 18px;margin:14px 0}.mobile-save-list{display:grid;gap:14px;padding:0 18px}.mobile-save-list article{border:1px solid #34373c;background:#0d0e10;padding:8px}.mobile-save-list img{display:block;width:100%;max-height:65dvh;object-fit:contain;background-color:#fff;background-image:linear-gradient(45deg,#e9e9e9 25%,transparent 25%),linear-gradient(-45deg,#e9e9e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e9e9 75%),linear-gradient(-45deg,transparent 75%,#e9e9e9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.mobile-save-list article>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px}.mobile-save-list span{font:8px var(--mono);color:#85888f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-save-list button,.mobile-save-done{height:34px;border:1px solid #485020;background:#29310f;color:var(--accent);padding:0 12px;white-space:nowrap}.mobile-save-done{display:block;width:calc(100% - 36px);margin:15px 18px 0;background:var(--accent);color:#10120d;font-weight:700}.anchor-handle-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.anchor-handle-line line{stroke:#47cfff;stroke-width:1;vector-effect:non-scaling-stroke}@media(max-width:1100px){.geometry-toolbar small{display:none}.geometry-toolbar select{width:56px}}@media(max-width:760px){.app-v4 .canvas-toolbar{flex-wrap:wrap;height:auto;padding-block:4px}.geometry-toolbar{order:3;width:100%;overflow-x:auto;border-inline:0;border-top:1px solid #292c31;padding-top:4px}.geometry-toolbar>button,.geometry-toolbar>label{flex:none}}@media(max-width:520px){.geometry-toolbar select{width:62px}.geometry-button-grid,.align-object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.user-top-button.signed-in{color:var(--accent)}.account-backdrop{z-index:90;top:0;right:0;bottom:0;left:0;padding:12px}.account-modal{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#141518;border:1px solid #3a3d43;box-shadow:0 24px 90px #000}.account-modal>header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.account-modal>header span{font:8px var(--mono);letter-spacing:.12em;color:var(--accent)}.account-modal>header h2{font-size:18px;margin:5px 0 0}.account-modal>header button{border:0;background:transparent;color:#85888f;padding:4px;cursor:pointer}.account-body{display:flex;flex-direction:column;gap:7px;padding:18px}.account-body>label{font-size:9px;color:#999ca2;margin-top:4px}.account-body>input{width:100%;height:36px;border:1px solid #36393f;background:#0f1012;color:#e2e4df;padding:0 10px;font:10px var(--mono);outline:0}.account-body>input:focus{border-color:#71802d}.account-body>p{font-size:9px;line-height:1.6;color:#73767c}.account-body>h3{font-size:10px;margin:10px 0 0;color:#9da0a6}.account-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #34373c;margin-bottom:7px}.account-switch button{height:33px;border:0;border-right:1px solid #34373c;background:#17191c;color:#777a80;cursor:pointer}.account-switch button:last-child{border:0}.account-switch button.active{background:#29310f;color:var(--accent)}.account-primary{width:100%;height:39px;margin-top:9px;border:0;background:var(--accent);color:#11130d;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;cursor:pointer}.account-primary:disabled{opacity:.35;cursor:default}.turnstile-host{min-height:65px;margin-top:7px;display:flex;justify-content:center}.account-card{position:relative;padding:15px;border:1px solid #3b4421;background:#1a1e15;display:flex;flex-direction:column;gap:4px}.account-card b{font-size:16px}.account-card span,.account-card small{font:9px var(--mono);color:#85888f}.account-card em{position:absolute;right:10px;top:10px;color:var(--accent);font:7px var(--mono);font-style:normal}.account-danger{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid #303238}.account-danger button{height:34px;border:1px solid #3a3d43;background:#191b1e;color:#a7aaaf;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.account-danger button:last-child{color:#ff756c}.user-panel{flex:1;min-height:0;overflow:auto;padding:12px;overscroll-behavior:contain}.user-panel-head{display:flex;align-items:center;justify-content:space-between;padding:5px 2px 13px}.user-panel-head>div{display:flex;flex-direction:column;gap:3px}.user-panel-head span{font:7px var(--mono);color:var(--accent);letter-spacing:.12em}.user-panel-head strong{font-size:15px}.user-panel-head button{width:29px;height:29px;border:1px solid #34373c;background:#191b1e;color:#8d9096;display:flex;align-items:center;justify-content:center}.cloud-summary{padding:12px;border:1px solid #3a4320;background:#191d15;margin-bottom:10px}.cloud-summary>div{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:10px}.cloud-summary>small{display:block;margin:5px 0 9px;color:#777b72;font-size:8px;line-height:1.5}.cloud-summary>p{font-size:8px;color:#ff8178;line-height:1.5}.cloud-summary>button,.cloud-section-action,.account-settings-button{width:100%;height:34px;border:1px solid #596526;background:#29310f;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;cursor:pointer}.cloud-summary>button:disabled{opacity:.35}.user-panel details{border:1px solid #2f3237;background:#121316;margin-bottom:8px}.user-panel summary{height:38px;padding:0 9px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#c3c5c1;font-size:10px;list-style:none}.user-panel summary::-webkit-details-marker{display:none}.user-panel summary b{margin-left:auto;font:8px var(--mono);color:#6f7278}.cloud-section-action{width:calc(100% - 12px);margin:0 6px 6px;height:29px}.cloud-list{display:flex;flex-direction:column;gap:4px;padding:0 6px 6px}.cloud-list>p{font-size:8px;line-height:1.6;color:#6f7278;padding:4px 7px 9px;margin:0}.cloud-list article{min-height:44px;border:1px solid #2c2f34;background:#181a1e;display:grid;grid-template-columns:34px minmax(0,1fr) 27px 27px;gap:4px;align-items:center;padding:4px}.cloud-list article.active{border-color:#71802d;background:#202518}.cloud-list article>img,.cloud-thumb{width:34px;height:34px;object-fit:cover;background:#101114;display:flex;align-items:center;justify-content:center;color:#788334}.cloud-list article>div{min-width:0;display:flex;flex-direction:column;gap:2px}.cloud-list article strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-list article small{font-size:7px;color:#777a80}.cloud-list article em{font:6px var(--mono);font-style:normal;color:#56595f}.cloud-list article>button{width:27px;height:27px;border:0;background:transparent;color:#7d8086;display:flex;align-items:center;justify-content:center;cursor:pointer}.cloud-list article>button:hover{color:var(--accent)}.cloud-list article>button:last-child:hover{color:#ff756c}.cloud-list article>button:disabled{opacity:.25}.account-settings-button{margin-top:10px;background:#191b1e;border-color:#34373c;color:#aaa}.account-settings-button svg:last-child{margin-left:auto}@media(max-width:760px){.account-backdrop{align-items:flex-end;padding:0}.account-modal{width:100%;max-height:92dvh;border-inline:0;border-bottom:0;padding-bottom:max(8px,env(safe-area-inset-bottom))}.user-panel{padding-bottom:max(22px,env(safe-area-inset-bottom))}}