*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:var(--font-body);font-size:13px;line-height:1.4;background:var(--bg-app);color:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;display:flex;flex-direction:column;overflow:hidden}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:var(--r-full);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--accent-mid);cursor:pointer;box-shadow:0 1px 3px #0006}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--accent-mid);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-muted);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field-input,.field-select{width:100%;background:var(--bg-app);border:1px solid var(--border);color:var(--text-light);font-size:var(--text-sm);padding:5px 8px;border-radius:var(--r-md);outline:none;font-family:inherit;transition:border-color var(--t)}.field-input:focus,.field-select:focus{border-color:var(--accent-mid)}.field-input:disabled,.field-select:disabled{opacity:.4;cursor:not-allowed}.field-input--center{text-align:center;font-variant-numeric:tabular-nums}.field-input--mono{font-variant-numeric:tabular-nums}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-md);background:var(--bg-mid);color:var(--text-base);border:none;cursor:pointer;transition:background var(--t),color var(--t)}.btn-icon:hover{background:var(--bg-muted);color:var(--text-white)}.btn-icon--accent:hover{background:var(--accent);color:var(--text-white)}.btn-icon--danger:hover{background:var(--danger);color:var(--text-white)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.panel-heading{padding:8px 12px;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0}.apply-btn{width:100%;padding:7px 0;background:var(--accent);color:var(--text-white);border:none;border-radius:var(--r-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--t);font-family:inherit}.apply-btn:hover{background:var(--accent-hover)}.home{min-height:100vh;background:var(--bg-root);color:var(--text-base);font-family:var(--font-body);display:flex;flex-direction:column;position:relative;overflow:hidden}.home__grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:96px 80px;mask-image:linear-gradient(to bottom,#0009,#0000 70%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 70%);pointer-events:none;z-index:0}.home__glow{position:absolute;bottom:-30%;left:50%;transform:translate(-50%);width:900px;height:400px;background:radial-gradient(ellipse at center,rgba(0,184,255,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.home__header{position:relative;z-index:10;height:56px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-app) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.home__logo{display:flex;align-items:center;gap:12px}.home__logo-img{height:32px;width:auto;max-width:140px;-o-object-fit:contain;object-fit:contain}.home__logo-text-group{display:flex;align-items:center;gap:8px}.home__logo-brand{font-size:14px;font-weight:600;color:var(--text-white);letter-spacing:-.01em}.home__logo-divider{color:var(--border-light);font-weight:300;font-size:16px}.home__logo-tool{font-size:13px;font-weight:500;color:var(--accent)}.home__header-link{font-size:12px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color var(--t)}.home__header-link:hover{color:var(--accent)}.home__main{flex:1;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:96px 24px 72px}.home__hero{text-align:center;margin-bottom:64px;max-width:600px}.home__eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;opacity:.9}.home__title{font-size:52px;font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:0 0 20px;background:linear-gradient(135deg,#fff 30%,#00b8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home__subtitle{font-size:16px;color:var(--text-muted);line-height:1.65;margin:0;max-width:480px}.home__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;width:100%;max-width:720px}.tool-card__link{text-decoration:none;display:block;color:inherit}.tool-card__link--disabled{cursor:default}.tool-card{background:color-mix(in srgb,var(--bg-panel) 100%,transparent);border:1px solid var(--border);border-radius:var(--r-2xl);padding:32px;display:flex;flex-direction:column;gap:20px;position:relative;transition:border-color var(--t-smooth),background var(--t-smooth),transform var(--t-smooth),box-shadow var(--t-smooth);min-height:220px;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(0,184,255,.04) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity var(--t-smooth)}.tool-card--active{cursor:pointer}.tool-card--active:hover{border-color:#00b8ff73;background:color-mix(in srgb,var(--bg-panel) 80%,var(--accent-bg) 20%);transform:translateY(-3px);box-shadow:0 8px 40px #00b8ff1f,0 2px 12px #0006}.tool-card--active:hover:before{opacity:1}.tool-card--soon{opacity:.5}.tool-card__icon{color:var(--accent);display:flex;align-items:center}.tool-card--soon .tool-card__icon{color:var(--text-dim)}.tool-card__body{flex:1;display:flex;flex-direction:column;gap:8px}.tool-card__top{display:flex;align-items:center;gap:10px}.tool-card__title{font-size:17px;font-weight:600;color:var(--text-white);margin:0;letter-spacing:-.01em}.tool-card--soon .tool-card__title{color:var(--text-base)}.tool-card__badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--r-full);background:var(--bg-mid);color:var(--text-muted);border:1px solid var(--border-light);white-space:nowrap}.tool-card__desc{font-size:13px;color:var(--text-muted);line-height:1.65;margin:0}.tool-card__arrow{color:var(--accent);display:flex;align-self:flex-end;opacity:0;transform:translate(-6px);transition:opacity var(--t-smooth),transform var(--t-smooth)}.tool-card--active:hover .tool-card__arrow{opacity:1;transform:translate(0)}.home__footer{position:relative;z-index:1;padding:20px 32px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden}.home__footer-watermark{position:absolute;right:24px;bottom:-12px;pointer-events:none;opacity:.06}.home__footer-logo{height:80px;width:auto;-o-object-fit:contain;object-fit:contain}.home__footer-text{font-size:12px;color:var(--text-dim);margin:0;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.home__footer-brand{font-weight:600;color:var(--text-muted)}.home__footer-sep{color:var(--border-light)}.dashboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--bg-root);color:var(--text-bright)}.dashboard__header{display:flex;align-items:center;gap:16px;padding:16px 32px;border-bottom:1px solid var(--border);flex-shrink:0}.dashboard__back-btn{padding:6px;border-radius:var(--r-lg);color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--t),background var(--t);display:flex;align-items:center;font-family:inherit}.dashboard__back-btn:hover{color:var(--text-white);background:var(--bg-mid)}.dashboard__title{font-size:var(--text-lg);font-weight:600;color:var(--text-white);line-height:1.2;margin:0}.dashboard__subtitle{font-size:var(--text-xs);color:var(--text-dim);margin:2px 0 0}.dashboard__spacer{flex:1}.dashboard__search-wrap{position:relative}.dashboard__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.dashboard__search-input{background:var(--bg-mid);border:1px solid var(--border);color:var(--text-light);font-size:var(--text-md);padding:8px 12px 8px 32px;border-radius:var(--r-lg);width:208px;outline:none;transition:border-color var(--t);font-family:inherit}.dashboard__search-input:focus{border-color:var(--accent-mid)}.dashboard__new-row{display:flex;align-items:center;gap:8px}.dashboard__new-input{background:var(--bg-mid);border:1px solid var(--accent-mid);color:var(--text-light);font-size:var(--text-md);padding:8px 12px;border-radius:var(--r-lg);width:176px;outline:none;font-family:inherit}.dashboard__create-btn{padding:8px 16px;background:var(--accent);color:var(--text-white);font-size:var(--text-md);font-weight:500;border-radius:var(--r-lg);border:none;cursor:pointer;transition:background var(--t);font-family:inherit}.dashboard__create-btn:hover{background:var(--accent-hover)}.dashboard__cancel-btn{padding:8px 12px;background:var(--bg-mid);color:var(--text-base);font-size:var(--text-md);border-radius:var(--r-lg);border:none;cursor:pointer;transition:background var(--t);font-family:inherit}.dashboard__cancel-btn:hover{background:var(--bg-muted)}.dashboard__new-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent);color:var(--text-white);font-size:var(--text-md);font-weight:500;border-radius:var(--r-lg);border:none;cursor:pointer;transition:background var(--t);font-family:inherit}.dashboard__new-btn:hover{background:var(--accent-hover)}.dashboard__body{flex:1;overflow-y:auto;padding:32px}.dashboard__grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dashboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);gap:12px}.dashboard__empty p{font-size:var(--text-md);margin:0}.dashboard__empty-action{color:var(--accent-light);background:none;border:none;font-size:var(--text-md);cursor:pointer;transition:color var(--t);font-family:inherit}.dashboard__empty-action:hover{color:var(--accent-mid)}.dashboard__empty-icon{color:var(--border)}.project-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-xl);border:1px solid var(--border);background:var(--bg-app);cursor:pointer;transition:border-color var(--t),background var(--t)}.project-card:hover{border-color:var(--bg-muted);background:var(--bg-panel)}.project-card--active{border-color:var(--accent-mid);background:var(--accent-bg)}.project-card--active:hover{border-color:var(--accent-mid)}.project-card__thumbnail{height:128px;border-radius:var(--r-xl) var(--r-xl) 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-card__info{padding:12px}.project-card__name{font-size:var(--text-md);font-weight:500;color:var(--text-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px}.project-card__meta{font-size:var(--text-xs);color:var(--text-dim)}.project-card__meta-sep{margin:0 6px;color:var(--border)}.project-card__rename-input{width:100%;background:var(--bg-panel);border:1px solid var(--accent-mid);color:var(--text-white);font-size:var(--text-md);padding:2px 8px;border-radius:var(--r-sm);outline:none;font-family:inherit}.project-card__badge{position:absolute;top:8px;right:8px;font-size:var(--text-xs);background:var(--accent);color:var(--text-white);padding:2px 8px;border-radius:var(--r-full);font-weight:500}.project-card__actions{position:absolute;bottom:12px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity var(--t)}.project-card:hover .project-card__actions{opacity:1}.card-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-lg);background:var(--bg-panel);color:var(--text-muted);border:none;cursor:pointer;transition:background var(--t),color var(--t);font-family:inherit}.card-action-btn:hover{background:var(--bg-mid);color:var(--text-white)}.card-action-btn--danger:hover{background:var(--danger-bg);color:var(--danger-text)}.toolbar{display:flex;align-items:center;gap:4px;padding:0 12px;height:var(--toolbar-h);background:var(--bg-app);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.toolbar__project-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-md);background:var(--bg-mid);color:var(--text-light);font-size:var(--text-md);font-weight:500;border:none;cursor:pointer;max-width:176px;flex-shrink:0;transition:background var(--t);font-family:inherit}.toolbar__project-btn:hover{background:var(--bg-muted)}.toolbar__project-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar__divider{height:24px;width:1px;background:var(--border);margin:0 4px;flex-shrink:0}.tool-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--r-md);font-size:var(--text-xs);font-weight:500;background:var(--bg-mid);color:var(--text-base);border:none;cursor:pointer;flex-shrink:0;transition:background var(--t),color var(--t);font-family:inherit}.tool-btn:hover{background:var(--bg-muted)}.tool-btn--active{background:var(--accent);color:var(--text-white)}.tool-btn--active:hover{background:var(--accent)}.toolbar__snap-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--r-md);font-size:var(--text-xs);font-weight:500;background:var(--bg-mid);color:var(--text-base);border:none;cursor:pointer;flex-shrink:0;transition:background var(--t),color var(--t);font-family:inherit}.toolbar__snap-btn:hover{background:var(--bg-muted)}.toolbar__snap-btn--on{background:var(--accent-mid);color:var(--text-white)}.toolbar__snap-btn--on:hover{background:var(--accent-mid)}.toolbar__delete-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--r-md);font-size:var(--text-xs);font-weight:500;background:var(--bg-mid);color:var(--text-base);border:none;cursor:pointer;transition:background var(--t),color var(--t);font-family:inherit}.toolbar__delete-btn:hover{background:var(--danger);color:var(--text-white)}.toolbar__delete-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar__delete-btn:disabled:hover{background:var(--bg-mid);color:var(--text-base)}.toolbar__undo-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--r-md);font-size:var(--text-xs);font-weight:500;background:var(--bg-mid);color:var(--text-base);border:none;cursor:pointer;transition:background var(--t),color var(--t);font-family:inherit}.toolbar__undo-btn:hover:not(:disabled){background:var(--bg-muted)}.toolbar__undo-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar__zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:var(--bg-mid);color:var(--text-base);border:none;cursor:pointer;font-size:16px;font-weight:700;transition:background var(--t);font-family:inherit}.toolbar__zoom-btn:hover{background:var(--bg-muted)}.toolbar__zoom-label{color:var(--text-muted);font-size:var(--text-xs);width:40px;text-align:center;font-variant-numeric:tabular-nums}.toolbar__zoom-text-btn{padding:4px 8px;border-radius:var(--r-md);font-size:var(--text-xs);background:var(--bg-mid);color:var(--text-muted);border:none;cursor:pointer;transition:background var(--t);font-family:inherit}.toolbar__zoom-text-btn:hover{background:var(--bg-muted)}.canvas-container{width:100%;height:100%;overflow:hidden;background:#1f2937;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.canvas-info{position:absolute;bottom:8px;left:8px;font-size:var(--text-xs);color:var(--text-dim);background:#111827b3;padding:2px 8px;border-radius:var(--r-sm);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.canvas-info__sep{margin:0 4px;color:var(--bg-muted)}.layers-panel{display:flex;flex-direction:column;flex:1;min-height:0}.layers-panel__scroll{overflow-y:auto;flex:1}.layers-panel__empty{padding:16px 12px;font-size:var(--text-xs);color:var(--text-dim);text-align:center}.layers-panel__list{padding:4px 0;list-style:none;margin:0}.layer-row{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--t);color:var(--text-base)}.layer-row:hover{background:var(--bg-mid)}.layer-row--selected{background:#1e3a8a80;color:#bfdbfe}.layer-row--selected:hover{background:#1e3a8a80}.layer-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0;border:1px solid var(--border-light);position:relative;overflow:hidden}.layer-swatch__fill{position:absolute;top:0;right:0;bottom:0;left:0}.layer-swatch__stroke{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border-radius:2px;background:transparent;border:2px solid transparent}.layer-name{flex:1;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.layer-name-input{flex:1;background:var(--bg-app);color:var(--text-white);font-size:var(--text-xs);padding:2px 4px;border-radius:var(--r-sm);border:1px solid var(--accent-mid);outline:none;min-width:0;font-family:inherit}.layer-icon-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);border:none;background:none;cursor:pointer;transition:color var(--t),background var(--t);color:var(--text-faint)}.layer-icon-btn--eye{color:var(--text-muted)}.layer-icon-btn--eye:hover{color:var(--text-white)}.layer-icon-btn--eye-off{color:var(--text-faint)}.layer-icon-btn--eye-off:hover{color:var(--text-muted)}.layer-icon-btn--trash:hover{color:var(--danger-text)}.color-picker{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-app);padding:12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px #00000080}.color-picker__header{display:flex;align-items:center;justify-content:space-between}.color-picker__title{font-size:var(--text-xs);font-weight:500;color:var(--text-base)}.color-picker__kinds{display:flex;gap:6px}.paint-kind-btn{width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;background:none;transition:border-color var(--t);font-family:inherit;overflow:hidden}.paint-kind-btn:hover{border-color:var(--border-light)}.paint-kind-btn--active{border-color:var(--accent-mid);box-shadow:0 0 0 1px #00b8ff66}.paint-kind-btn--disabled{border-color:var(--bg-panel);opacity:.4;cursor:not-allowed}.color-picker__sv{position:relative;height:112px;width:100%;border-radius:var(--r-sm);cursor:crosshair;overflow:hidden}.color-picker__sv-handle{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #00000080;pointer-events:none;transform:translate(-50%,-50%)}.color-picker__sliders{display:flex;flex-direction:column;gap:8px}.color-picker__inputs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.color-picker__field{display:flex;flex-direction:column;gap:2px;min-width:0}.color-picker__field-label{font-size:10px;color:var(--text-dim);text-align:center}.appearance{padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.appearance__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.appearance__paint-row{display:flex;gap:4px}.appearance__swaps{flex-shrink:0;align-self:center}.appearance__swap-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:var(--bg-panel);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:color var(--t),border-color var(--t);font-family:inherit}.appearance__swap-btn:hover{color:var(--text-base);border-color:var(--border-light)}.appearance__paints{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.paint-row-btn{width:100%;display:flex;align-items:center;gap:8px;border-radius:var(--r-sm);padding:4px;background:none;border:none;cursor:pointer;transition:background var(--t);font-family:inherit}.paint-row-btn:hover{background:#37415199}.paint-row-btn--active{background:var(--bg-panel);box-shadow:0 0 0 1px #00b8ff66;border-radius:var(--r-sm)}.paint-row-btn__swatch{width:32px;height:28px;border-radius:var(--r-sm);border:1px solid var(--border);flex-shrink:0;overflow:hidden}.paint-row-btn__swatch--none,.paint-row-btn__swatch--solid{border-color:var(--border-light)}.paint-row-btn__none-slash{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--danger-text);font-size:14px;font-weight:700}.paint-row-btn__opacity{font-size:var(--text-xs);color:var(--text-dim);width:40px;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.appearance__field{display:flex;align-items:center;gap:8px}.appearance__field-label{color:var(--text-muted);width:64px;flex-shrink:0;font-size:var(--text-xs)}.appearance__hint{font-size:10px;color:var(--text-faint);line-height:1.4}.anim-panel{display:flex;flex-direction:column;overflow-y:auto}.anim-panel__empty{padding:24px;font-size:var(--text-xs);color:var(--text-dim);text-align:center}.anim-panel__empty p{margin:4px 0 0}.anim-panel__info{padding:12px 12px 4px;font-size:var(--text-xs);color:var(--text-dim);font-variant-numeric:tabular-nums}.anim-panel__info-id{color:var(--text-base);font-weight:500}.anim-panel__body{padding:12px;display:flex;flex-direction:column;gap:12px;font-size:var(--text-xs)}.anim-panel__section{padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.anim-panel__section-label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.anim-panel__toggle-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:12px}.anim-panel__toggle-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.anim-field{display:flex;align-items:center;gap:8px}.anim-field__label{color:var(--text-muted);width:96px;flex-shrink:0;font-size:var(--text-xs)}.anim-field__control{flex:1}.anim-panel__cb-label{color:var(--text-muted)}.anim-panel__cb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.anim-panel__keyframes{display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--bg-app);border-radius:var(--r-md);border:1px solid var(--border)}.anim-panel__time-meta{font-size:var(--text-xs);color:var(--text-dim);font-variant-numeric:tabular-nums;margin:0}.field-input--readonly{opacity:.7;cursor:default}.anim-panel__hint{font-size:var(--text-xs);color:var(--text-dim);background:var(--bg-app);border-radius:var(--r-md);padding:8px;line-height:1.5}.anim-panel__hint strong{color:var(--text-muted)}.anim-panel__img-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.anim-panel__transform-block{display:flex;flex-direction:column;gap:8px}.anim-panel__spec-field{display:flex;flex-direction:column;gap:4px;min-width:0}.anim-panel__spec-field-label{width:auto}.anim-panel__spec-field-input{display:flex;align-items:center;gap:4px;min-width:0}.anim-panel__spec-field-input .field-input{flex:1;min-width:0}.anim-panel__opacity-row{display:flex;align-items:center;gap:8px}.anim-panel__spec-input{flex:1;min-width:0}.anim-panel__opacity-val{color:var(--text-dim);width:12px;text-align:left;flex-shrink:0}.anim-panel__spec-hint{display:block;font-size:10px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--accent-mid);margin-top:2px}.anim-toggle{position:relative;width:40px;height:20px;border-radius:var(--r-full);background:var(--bg-muted);border:none;cursor:pointer;transition:background var(--t);flex-shrink:0}.anim-toggle--on{background:var(--accent)}.anim-toggle__thumb{position:absolute;top:2px;width:16px;height:16px;background:var(--text-white);border-radius:50%;box-shadow:0 1px 3px #0006;transition:transform var(--t),left var(--t);left:2px}.anim-toggle--on .anim-toggle__thumb{left:22px}.file-upload{display:flex;flex-direction:column}.file-upload__body{padding:12px;display:flex;flex-direction:column;gap:12px}.file-upload__drop-zone{border:2px dashed var(--border-light);border-radius:var(--r-lg);padding:16px;text-align:center;font-size:var(--text-xs);color:var(--text-dim);cursor:pointer;transition:border-color var(--t),color var(--t)}.file-upload__drop-zone:hover{border-color:var(--bg-muted);color:var(--text-muted)}.file-upload__drop-hint{color:var(--text-faint)}.file-upload__status{font-size:var(--text-xs);text-align:center;padding:4px 8px;border-radius:var(--r-sm);background:var(--bg-mid);color:var(--accent-light)}.file-upload__hidden{display:none}.file-upload__btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.file-upload__btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;background:var(--bg-mid);color:var(--text-base);font-size:var(--text-xs);border-radius:var(--r-sm);border:none;cursor:pointer;transition:background var(--t);font-family:inherit}.file-upload__btn:hover{background:var(--bg-muted)}.file-upload__info{font-size:var(--text-xs);color:var(--text-faint);line-height:1.5;margin:0}.file-upload__icon{margin:0 auto 4px;display:block;color:var(--text-faint)}.canvas-settings{border-bottom:1px solid var(--border)}.canvas-settings__body{padding:12px;display:flex;flex-direction:column;gap:12px;font-size:var(--text-xs)}.canvas-settings__size-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.canvas-settings__label{display:flex;flex-direction:column;gap:4px}.canvas-settings__label-text{color:var(--text-dim);font-size:var(--text-xs)}.canvas-settings__presets-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.canvas-settings__presets-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.canvas-settings__preset-btn{padding:6px;border-radius:var(--r-sm);font-size:11px;background:var(--bg-mid);color:var(--text-base);border:none;cursor:pointer;transition:background var(--t),color var(--t);font-family:inherit}.canvas-settings__preset-btn:hover{background:var(--bg-muted)}.canvas-settings__preset-btn--active{background:var(--accent);color:var(--text-white)}.canvas-settings__preset-btn--active:hover{background:var(--accent)}.canvas-settings__info{color:var(--text-faint);line-height:1.5;margin:0}.canvas-settings__snap{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.canvas-settings__check{display:flex;align-items:center;gap:8px;color:var(--text-base);cursor:pointer}.canvas-settings__check input{accent-color:var(--accent)}.canvas-settings__label--grid{margin-top:4px}.timeline-track{display:flex;align-items:center;height:34px;cursor:pointer;transition:background var(--t);border-bottom:1px solid rgba(55,65,81,.5);position:relative}.timeline-track:hover{background:#37415166}.timeline-track--selected,.timeline-track--selected:hover{background:var(--accent-bg-dim)}.timeline-track__label{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:0 8px;border-right:1px solid var(--border);height:100%;overflow:hidden;gap:1px}.timeline-track__label-name{font-size:var(--text-xs);color:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.2;flex:1;min-width:0}.timeline-track__label-row{display:flex;align-items:center;gap:4px;min-width:0}.timeline-track__add-kf{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-dim);cursor:pointer;padding:0;transition:background var(--t),color var(--t),opacity var(--t)}.timeline-track__add-kf:hover:not(:disabled){background:var(--bg-mid);color:var(--accent-light)}.timeline-track__add-kf:disabled{opacity:.25;cursor:not-allowed}.timeline-track__label-prop{font-size:9px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.timeline-track__bar{flex:1;position:relative;height:100%;overflow:visible;cursor:pointer}.timeline-track__bar:before{content:"";position:absolute;top:6px;right:0;bottom:6px;left:0;background:var(--bg-panel);border-radius:var(--r-sm);pointer-events:none}.timeline-track__clip{position:absolute;top:6px;bottom:6px;min-width:24px;border-radius:var(--r-sm);border:1px solid color-mix(in srgb,var(--track-color, var(--accent)) 55%,transparent);background:color-mix(in srgb,var(--track-color, var(--accent)) 12%,var(--bg-panel));overflow:visible;z-index:1}.timeline-track--selected .timeline-track__clip{border-color:color-mix(in srgb,var(--track-color, var(--accent)) 75%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--track-color, var(--accent)) 25%,transparent)}.timeline-track__segment{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--track-color, var(--accent));opacity:.35;pointer-events:none;transition:opacity var(--t)}.timeline-track--timing-drag .timeline-track__segment{opacity:.55}.timeline-track__clip-playhead{position:absolute;top:0;bottom:0;width:2px;transform:translate(-50%);background:var(--accent-light);pointer-events:none;z-index:2;opacity:.85}.timeline-track__resize{position:absolute;top:0;bottom:0;width:10px;transform:translate(-50%);cursor:ew-resize;z-index:5;border-radius:2px;background:transparent}.timeline-track__resize--start{left:0}.timeline-track__resize--end{left:100%}.timeline-track__resize:after{content:"";position:absolute;top:4px;bottom:4px;left:50%;width:3px;transform:translate(-50%);border-radius:2px;background:#ffffff59;transition:background var(--t),width var(--t)}.timeline-track:hover .timeline-track__resize:after,.timeline-track--selected .timeline-track__resize:after,.timeline-track--timing-drag .timeline-track__resize:after{background:#ffffffd9;width:4px}.timeline-track__resize:hover:after{background:var(--accent-light);width:5px}.timeline-track__kf-connector{position:absolute;top:50%;height:4px;transform:translateY(-50%);border-radius:2px;background:var(--track-color, var(--accent));opacity:.85;pointer-events:none;z-index:3}.timeline-track__keyframe{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;padding:0;border:none;background:transparent;cursor:pointer;z-index:6;display:flex;align-items:center;justify-content:center}.timeline-track__keyframe--movable{cursor:grab}.timeline-track--select-tool .timeline-track__keyframe--edge{cursor:ew-resize}.timeline-track__keyframe--dragging{cursor:grabbing;z-index:20}.timeline-track__keyframe-diamond{display:block;width:10px;height:10px;border:2px solid var(--track-color, var(--accent));transform:rotate(45deg);box-shadow:0 0 0 1px #00000073;transition:transform var(--t),box-shadow var(--t),background var(--t);border-radius:1px;flex-shrink:0;background:#fff}.timeline-track__keyframe--edge .timeline-track__keyframe-diamond{background:var(--track-color, var(--accent));border-color:#fff}.timeline-track__keyframe--middle .timeline-track__keyframe-diamond{background:#fff;border-color:var(--track-color, var(--accent));box-shadow:0 0 0 1px #00000073,0 0 6px #ffffff26}.timeline-track__keyframe:hover .timeline-track__keyframe-diamond,.timeline-track__keyframe--dragging .timeline-track__keyframe-diamond{transform:rotate(45deg) scale(1.25);box-shadow:0 0 0 2px #ffffff73,0 2px 8px #00000080}.timeline-track__keyframe:not(.timeline-track__keyframe--edge):hover:after{content:attr(title);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:var(--bg-panel);color:var(--text-base);font-size:10px;padding:3px 6px;border-radius:var(--r-md);border:1px solid var(--border-light);white-space:nowrap;pointer-events:none;z-index:50}.timeline{display:flex;flex-direction:column;background:var(--bg-app);border-top:1px solid var(--border);flex-shrink:0;height:var(--timeline-h);-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline__controls{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);flex-shrink:0;height:44px}.timeline__play-btn,.timeline__stop-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:var(--bg-mid);color:var(--text-white);border:none;cursor:pointer;transition:background var(--t);flex-shrink:0}.timeline__play-btn:hover{background:var(--accent)}.timeline__stop-btn{color:var(--text-base)}.timeline__stop-btn:hover{background:var(--bg-muted)}.timeline__loop-btn{display:flex;align-items:center;gap:5px;padding:0 8px;height:30px;border-radius:var(--r-md);background:var(--bg-mid);color:var(--text-muted);border:none;cursor:pointer;transition:background var(--t),color var(--t);flex-shrink:0}.timeline__loop-btn:hover{background:var(--bg-muted)}.timeline__loop-btn--active{background:var(--accent);color:var(--text-white)}.timeline__loop-label{font-size:var(--text-xs);font-weight:500}.timeline__add-kf-btn{display:flex;align-items:center;gap:5px;padding:0 8px;height:30px;border-radius:var(--r-md);background:var(--bg-mid);color:var(--text-muted);border:none;cursor:pointer;transition:background var(--t),color var(--t),opacity var(--t);flex-shrink:0;font-family:inherit}.timeline__add-kf-btn:hover:not(:disabled){background:var(--accent);color:var(--text-white)}.timeline__add-kf-btn:disabled{opacity:.35;cursor:not-allowed}.timeline__add-kf-label{font-size:var(--text-xs);font-weight:500}.timeline__time-display{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;width:58px;flex-shrink:0;text-align:right}.timeline__duration-row{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.timeline__duration-input{width:72px;background:var(--bg-panel);border:1px solid var(--border-light);color:var(--text-light);font-size:var(--text-xs);padding:4px 6px;border-radius:var(--r-md);outline:none;font-variant-numeric:tabular-nums;text-align:center;font-family:inherit;transition:border-color var(--t)}.timeline__duration-input:focus{border-color:var(--accent-mid)}.timeline__duration-unit{font-size:var(--text-xs);color:var(--text-dim)}.timeline__duration-reset{color:var(--text-faint);background:none;border:none;font-size:14px;cursor:pointer;padding:0 2px;transition:color var(--t)}.timeline__duration-reset:hover{color:var(--text-muted)}.timeline__body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.timeline__ruler-row{display:flex;align-items:stretch;height:22px;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--bg-panel)}.timeline__label-col-header{width:120px;min-width:120px;display:flex;align-items:center;padding:0 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);border-right:1px solid var(--border);flex-shrink:0}.timeline__ruler{flex:1;position:relative;cursor:col-resize;overflow:hidden}.timeline__tick{position:absolute;top:0;width:1px;height:8px;background:var(--bg-muted);pointer-events:none}.timeline__tick--major{height:100%;background:var(--border-light)}.timeline__tick-label{position:absolute;top:4px;left:3px;font-size:9px;color:var(--text-faint);white-space:nowrap;pointer-events:none}.timeline__ruler-head{position:absolute;top:0;width:2px;height:100%;background:var(--accent-light);transform:translate(-50%);pointer-events:none;z-index:5}.timeline__ruler-head:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--accent-light)}.timeline__tracks-wrap{flex:1;overflow-y:auto;position:relative;min-height:0}.timeline__empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:var(--text-xs);color:var(--text-faint);padding:12px;text-align:center}.timeline__playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--accent-light);pointer-events:none;z-index:10;opacity:.7}.timeline__playhead:after{content:"";position:absolute;top:0;left:-2px;width:5px;height:100%;background:transparent}.output-panel{display:flex;flex-direction:column;background:var(--bg-app);border-top:1px solid var(--border);flex-shrink:0;height:var(--output-h)}.output-panel__tabs{display:flex;align-items:center;border-bottom:1px solid var(--border);padding:4px 8px 0;gap:4px}.output-panel__spacer{flex:1}.output-tab-btn{padding:4px 12px;font-size:var(--text-xs);font-weight:500;border-radius:var(--r-sm) var(--r-sm) 0 0;border:none;border-bottom:2px solid transparent;background:none;color:var(--text-muted);cursor:pointer;transition:color var(--t),border-color var(--t),background var(--t);font-family:inherit}.output-tab-btn:hover{color:var(--text-light)}.output-tab-btn--active{color:var(--text-white);border-bottom-color:var(--accent-mid);background:var(--bg-panel)}.output-panel__export-btn{display:flex;align-items:center;gap:6px;padding:4px 12px;margin-bottom:4px;border-radius:var(--r-md);background:var(--success);color:var(--text-white);font-size:var(--text-xs);font-weight:500;border:none;cursor:pointer;transition:background var(--t);font-family:inherit}.output-panel__export-btn:hover{background:var(--success-hover)}.output-panel__editor{flex:1;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-app);color:var(--text-bright)}.app__main{display:flex;flex:1;overflow:hidden;min-height:0}.app__left-panel{width:var(--left-panel-w);flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.app__left-panel-scroll{flex:1;overflow-y:auto;min-height:0}.app__center{flex:1;overflow:hidden;min-width:0;display:flex;flex-direction:column}.app__right-panel{width:var(--right-panel-w);flex-shrink:0;background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.app__right-panel-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--border)}.app__right-panel-body{flex:1;overflow-y:auto;min-height:0}.tab-btn{flex:1;padding:8px 0;font-size:var(--text-sm);font-weight:500;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;transition:color var(--t),border-color var(--t),background var(--t);font-family:inherit}.tab-btn:hover{color:var(--text-light);background:var(--bg-mid)}.tab-btn--active{color:var(--text-white);border-bottom-color:var(--accent-mid);background:var(--bg-mid)}:root{--bg-root: #080d1e;--bg-app: #0d1428;--bg-panel: #111c35;--bg-mid: #1a2748;--bg-muted: #243460;--text-white: #ffffff;--text-bright: #f0f4ff;--text-light: #dde3f5;--text-base: #b8c4e0;--text-muted: #7a8ab8;--text-dim: #4e5e8a;--text-faint: #2e3d6a;--border: rgba(255, 255, 255, .12);--border-light: rgba(255, 255, 255, .22);--accent: #00b8ff;--accent-hover: #00a3e0;--accent-mid: #33c8ff;--accent-light: #66d8ff;--accent-dark: #007ab3;--accent-bg: rgba(0, 184, 255, .1);--accent-bg-dim: rgba(0, 184, 255, .06);--success: #15803d;--success-hover: #16a34a;--danger: #b91c1c;--danger-hover: #991b1b;--danger-text: #f87171;--danger-bg: rgba(127, 29, 29, .4);--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-xl: 14px;--r-2xl: 18px;--r-full: 9999px;--font-display: "UTM Hanzel", "Inter", sans-serif;--font-body: "Inter", sans-serif;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-lg: 18px;--t: .15s ease;--t-smooth: .3s cubic-bezier(.22, 1, .36, 1);--toolbar-h: 48px;--timeline-h: 216px;--output-h: 220px;--left-panel-w: 288px;--right-panel-w: 256px;--checkerboard: repeating-conic-gradient(#1a2748 0% 25%, #0d1428 0% 50%) 50% / 8px 8px}.svgce{display:flex;flex-direction:column;height:100vh;background:var(--bg-root);color:var(--text-base);overflow:hidden}.svgce__header{position:relative;height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg-app);flex-shrink:0;z-index:10}.svgce__back{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;text-decoration:none;padding:5px 8px;border-radius:var(--r-md);transition:color var(--t),background var(--t)}.svgce__back:hover{color:var(--text-light);background:var(--bg-panel)}.svgce__brand{display:flex;align-items:center;gap:10px;position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.svgce__brand-logo{height:24px;width:auto;max-width:120px;-o-object-fit:contain;object-fit:contain}.svgce__brand-tool{font-size:13px;font-weight:600;color:var(--accent);letter-spacing:-.01em}.svgce__export-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--accent);color:#fff;font-size:13px;font-weight:500;border:none;border-radius:var(--r-lg);cursor:pointer;transition:background var(--t),opacity var(--t)}.svgce__export-btn:hover:not(:disabled){background:var(--accent-hover)}.svgce__export-btn:disabled{opacity:.35;cursor:default}.svgce__header-actions{display:flex;align-items:center;gap:8px}.svgce__undo-btn,.svgce__save-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;border-radius:var(--r-lg);cursor:pointer;transition:background var(--t),color var(--t),border-color var(--t),opacity var(--t)}.svgce__undo-btn{background:var(--bg-panel);color:var(--text-light);border:1px solid var(--border)}.svgce__undo-btn:hover:not(:disabled){background:var(--bg-muted);border-color:var(--border-light)}.svgce__undo-btn:disabled{opacity:.35;cursor:default}.svgce__save-btn{background:var(--bg-panel);color:var(--accent-light);border:1px solid var(--accent-dark)}.svgce__save-btn:hover:not(:disabled){background:var(--accent-bg-dim);border-color:var(--accent)}.svgce__save-btn:disabled{opacity:.35;cursor:default}.svgce__upload-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:48px}.svgce__drop-zone{width:100%;max-width:480px;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:10px;border:2px dashed var(--border-light);border-radius:var(--r-xl);background:var(--bg-app);cursor:pointer;text-align:center;outline:none;transition:border-color var(--t),background var(--t)}.svgce__drop-zone:hover,.svgce__drop-zone--over{border-color:var(--accent);background:var(--accent-bg-dim)}.svgce__drop-icon{margin-bottom:8px}.svgce__drop-title{margin:0;font-size:18px;font-weight:600;color:var(--text-white)}.svgce__drop-sub{margin:0;font-size:13px;color:var(--text-muted)}.svgce__drop-ext{display:inline-block;margin-top:8px;padding:3px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-light);background:var(--accent-bg-dim);border:1px solid var(--accent-dark);border-radius:var(--r-full)}.svgce__editor{flex:1;display:flex;overflow:hidden}.svgce__sidebar{width:288px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-app);border-right:1px solid var(--border);overflow:hidden}.svgce__files-panel{border-bottom:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;max-height:200px}.svgce__files-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 6px;flex-shrink:0}.svgce__files-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);display:flex;align-items:center;gap:6px}.svgce__files-count{font-size:10px;font-weight:500;color:var(--text-dim);background:var(--bg-mid);border-radius:var(--r-full);padding:1px 6px;letter-spacing:0;text-transform:none}.svgce__add-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;color:var(--accent-light);background:none;border:1px solid var(--accent-dark);border-radius:var(--r-md);cursor:pointer;transition:background var(--t),color var(--t)}.svgce__add-btn:hover{background:var(--accent-bg-dim)}.svgce__files-list{flex:1;overflow-y:auto;padding:2px 0 4px;scrollbar-width:thin;scrollbar-color:var(--bg-muted) transparent}.svgce__files-list::-webkit-scrollbar{width:4px}.svgce__files-list::-webkit-scrollbar-thumb{background:var(--bg-muted);border-radius:4px}.svgce__file-row{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 14px;cursor:pointer;border-left:2px solid transparent;transition:background var(--t),border-color var(--t);outline:none}.svgce__file-row:hover{background:var(--bg-panel)}.svgce__file-row--active{border-left-color:var(--accent);background:var(--accent-bg-dim)}.svgce__file-row-icon{flex-shrink:0;color:var(--text-dim)}.svgce__file-row--active .svgce__file-row-icon{color:var(--accent-light)}.svgce__file-row-name{flex:1;min-width:0;font-size:12px;color:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svgce__file-row--active .svgce__file-row-name{color:var(--text-white)}.svgce__file-row-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:none;border:none;border-radius:var(--r-sm);color:var(--text-dim);cursor:pointer;padding:0;flex-shrink:0;opacity:0;transition:opacity var(--t),color var(--t),background var(--t)}.svgce__file-row:hover .svgce__file-row-remove{opacity:1}.svgce__file-row-remove:hover{color:#ef4444;background:#ef44441f}.svgce__file-meta{margin:0;padding:4px 14px 8px;font-size:10px;color:var(--text-dim);line-height:1.4;flex-shrink:0}.svgce__option-card{padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.svgce__opt-row{display:flex;align-items:center;gap:8px;cursor:pointer}.svgce__opt-checkbox{width:14px;height:14px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.svgce__opt-text{flex:1;font-size:12px;color:var(--text-base)}.svgce__opt-text code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:var(--accent-light);background:var(--accent-bg-dim);padding:1px 4px;border-radius:3px}.svgce__opt-count{font-size:11px;color:var(--text-dim);flex-shrink:0}.svgce__opt-color-row{display:flex;align-items:center;gap:8px;margin-top:10px;padding-left:22px}.svgce__bg-size-row{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-left:22px;padding-right:16px}.svgce__bg-size-row--flush{margin-top:0;padding-left:0;padding-right:0}.svgce__bg-size-row--nested{margin-top:12px;padding-left:0;padding-right:0;border-top:1px solid var(--border);padding-top:12px}.svgce__bg-size-header{display:flex;align-items:center;justify-content:space-between}.svgce__bg-size-value{font-size:11px;font-family:ui-monospace,SFMono-Regular,monospace;color:var(--accent-light)}.svgce__bg-size-slider{width:100%;height:4px;margin:2px 0;accent-color:var(--accent);cursor:pointer}.svgce__bg-hint{margin:0;padding-left:22px;padding-right:16px;font-size:10px;color:var(--text-dim);line-height:1.4}.svgce__bg-hint--flush{padding-left:0;margin-top:6px}.svgce__bg-size-row--flush .svgce__bg-dim-field{width:100%}.svgce__bg-dims-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;padding-left:22px;padding-right:16px}.svgce__bg-dims-row--nested{margin-top:12px;padding-left:0;padding-right:0;border-top:1px solid var(--border);padding-top:12px}.svgce__bg-hint--nested{padding-left:0;margin-top:6px}.svgce__bg-dim-field{display:flex;flex-direction:column;gap:4px;min-width:0}.svgce__bg-dim-label{font-size:11px;color:var(--text-dim)}.svgce__bg-dim-input-wrap{display:flex;align-items:center;gap:4px}.svgce__bg-dim-input{flex:1;min-width:0;height:26px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-base);font-size:11px;font-family:ui-monospace,SFMono-Regular,monospace;padding:0 6px;outline:none;transition:border-color var(--t)}.svgce__bg-dim-input:focus{border-color:var(--accent)}.svgce__bg-dim-input::-webkit-outer-spin-button,.svgce__bg-dim-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.svgce__bg-dim-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.svgce__bg-dim-unit{flex-shrink:0;font-size:10px;color:var(--text-muted)}.svgce__bg-shape-row{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-left:22px}.svgce__bg-shape-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.svgce__shape-toggle{display:flex;gap:6px}.svgce__shape-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;font-size:11px;color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:color var(--t),border-color var(--t),background var(--t)}.svgce__shape-btn:hover{color:var(--text-light);border-color:var(--border-light)}.svgce__shape-btn--active{color:var(--accent-light);border-color:var(--accent-dark);background:var(--accent-bg-dim)}.svgce__bg-color-row{margin-top:10px}.svgce__colors-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.svgce__colors-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 6px;flex-shrink:0}.svgce__colors-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.svgce__reset-all-btn{font-size:11px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:var(--r-sm);transition:color var(--t),background var(--t)}.svgce__reset-all-btn:hover{color:var(--text-light);background:var(--bg-panel)}.svgce__colors-list{flex:1;overflow-y:auto;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:var(--bg-muted) transparent}.svgce__colors-list::-webkit-scrollbar{width:4px}.svgce__colors-list::-webkit-scrollbar-thumb{background:var(--bg-muted);border-radius:4px}.svgce__color-row{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 14px;border-left:2px solid transparent;transition:background var(--t),border-color var(--t)}.svgce__color-row:hover{background:var(--bg-panel)}.svgce__color-row--changed{border-left-color:var(--accent);background:var(--accent-bg-dim)}.svgce__color-orig{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.svgce__color-val{font-size:11px;font-family:ui-monospace,SFMono-Regular,monospace;color:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.svgce__color-count{font-size:10px;color:var(--text-dim);background:var(--bg-mid);border-radius:var(--r-full);padding:1px 5px;flex-shrink:0}.svgce__arrow{flex-shrink:0;opacity:.5}.svgce__color-replace{display:flex;align-items:center;gap:5px;flex-shrink:0}.svgce__swatch{border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.1);flex-shrink:0;overflow:hidden}.svgce__swatch--sm{width:16px;height:16px}.svgce__swatch--md{width:20px;height:20px}.svgce__swatch--none{background:var(--bg-mid)}.svgce__swatch--cc{background:linear-gradient(135deg,#9ca3af,#4b5563);display:flex;align-items:center;justify-content:center}.svgce__swatch--cc span{font-size:7px;font-weight:700;color:#fff;font-family:ui-monospace,SFMono-Regular,monospace;line-height:1}.svgce__pick-label{display:flex;position:relative;cursor:pointer}.svgce__pick-label .svgce__swatch--md{transition:transform var(--t),box-shadow var(--t)}.svgce__pick-label:hover .svgce__swatch--md{transform:scale(1.12);box-shadow:0 0 0 2px var(--accent)}.svgce__color-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.svgce__hex-input{width:74px;height:22px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-base);font-size:11px;font-family:ui-monospace,SFMono-Regular,monospace;padding:0 6px;outline:none;transition:border-color var(--t)}.svgce__hex-input:focus{border-color:var(--accent)}.svgce__row-reset{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:color var(--t),border-color var(--t),background var(--t)}.svgce__row-reset:hover{color:var(--text-light);border-color:var(--border-light);background:var(--bg-panel)}.svgce__no-colors{padding:24px 16px;text-align:center;font-size:12px;color:var(--text-dim);margin:0}.svgce__main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-root);min-width:0}.svgce__preview{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--checkerboard);overflow:auto;min-height:0}.svgce__preview-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--r-md);box-shadow:0 4px 32px #0009}.svgce__output-panel{display:flex;flex-direction:column;background:var(--bg-app);border-top:1px solid var(--border);flex-shrink:0;height:var(--output-h)}.svgce__output-tabs{display:flex;align-items:center;border-bottom:1px solid var(--border);padding:4px 8px 0;gap:4px}.svgce__output-tab{padding:4px 12px;font-size:var(--text-xs);font-weight:500;border-radius:var(--r-sm) var(--r-sm) 0 0;border-bottom:2px solid transparent;color:var(--text-muted)}.svgce__output-tab--active{color:var(--text-white);border-bottom-color:var(--accent-mid);background:var(--bg-panel)}.svgce__output-tab-file{font-size:var(--text-xs);color:var(--text-dim);padding:4px 8px;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.svgce__xml-view{flex:1;overflow:hidden;min-height:0}