body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.layout-picker{padding:0 0 16px}.layout-picker__title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.layout-picker__container{position:relative}.layout-picker__scroll{display:flex;align-items:stretch;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 8px}.layout-picker__scroll::-webkit-scrollbar{display:none}.layout-picker__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .15s ease}.layout-picker__arrow:active{opacity:.7;transform:translateY(-50%) scale(.9)}@media(hover:hover){.layout-picker__arrow:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 4px 12px #0000001f}}.layout-picker__arrow--left{left:-12px}.layout-picker__arrow--right{right:-12px}.layout-card{flex:0 0 172px;scroll-snap-align:start;background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:10px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:8px;text-align:left;font-family:inherit}.layout-card:active{opacity:.7;transform:scale(.97)}@media(hover:hover){.layout-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}}.layout-card--selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px var(--accent-glow)}.layout-card__preview{position:relative;width:100%;background:var(--bg);border-radius:8px;overflow:hidden}.layout-card__divider{position:absolute;top:4px;bottom:4px;width:1px;background:var(--border);z-index:2;opacity:.6;border:none}.layout-card__slot{position:absolute;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:4px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.layout-card__slot-number{font-size:.7rem;font-weight:700;color:var(--text-tertiary);opacity:.7}.layout-card__info{display:flex;flex-direction:column;gap:2px;margin-top:auto}.layout-card__name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.layout-card__meta{font-size:.7rem;color:var(--text-secondary)}.layout-card--custom{border-style:dashed;border-color:var(--text-tertiary);background:transparent}@media(hover:hover){.layout-card--custom:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}}.layout-card__preview--custom{color:var(--text-tertiary);background:var(--bg)}.layout-card__preview--custom:before{content:"";display:block;height:32px}.layout-card__preview--custom svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(hover:hover){.layout-card--custom:hover .layout-card__preview--custom{color:var(--accent);background:var(--accent-light)}}@media(max-width:600px){.layout-card{flex:0 0 148px;padding:8px}.layout-picker__arrow{display:none}}.text-overlay-layer{position:absolute;inset:0;z-index:auto;pointer-events:none}.text-overlay-item{position:absolute;cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-break:break-word;line-height:1.2;padding:2px 6px;border-radius:3px;min-width:20px;min-height:1em;outline:none;transition:box-shadow .15s ease;text-shadow:0 1px 3px rgba(0,0,0,.3);touch-action:none}@media(hover:hover){.text-overlay-item:hover{box-shadow:0 0 0 1.5px #6c5ce780}}.text-overlay-item--selected{box-shadow:0 0 0 2px var(--accent);cursor:grab}.text-overlay-item--editing{cursor:text;-webkit-user-select:text;user-select:text;box-shadow:0 0 0 2px var(--accent),0 0 12px #6c5ce740}.text-overlay-item--selected:active{cursor:grabbing}.text-overlay-delete{position:absolute;top:-14px;right:-14px;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--danger, #ff4757);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 6px #00000026;transition:all .15s ease;z-index:5;pointer-events:auto;min-width:44px;min-height:44px}.text-overlay-delete:active{opacity:.7;transform:scale(.9)}@media(hover:hover){.text-overlay-delete:hover{background:var(--danger, #ff4757);color:#fff;border-color:var(--danger, #ff4757);transform:scale(1.15)}}.text-toolbar{display:flex;align-items:center;gap:3px;padding:5px 8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000001f;pointer-events:auto;white-space:nowrap;animation:toolbarFadeIn .15s ease}@keyframes toolbarFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.text-toolbar__divider{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 2px}.text-toolbar__select{padding:3px 5px;border-radius:5px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.68rem;font-family:inherit;cursor:pointer;outline:none;max-width:140px}.text-toolbar__select--narrow{max-width:64px}@media(hover:hover){.text-toolbar__select:hover,.text-toolbar__select:focus{border-color:var(--accent)}}.text-toolbar__btn{width:26px;height:26px;border-radius:5px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0;flex-shrink:0}.text-toolbar__btn:active{opacity:.7;transform:scale(.9)}.text-toolbar__btn--italic{font-style:italic;font-family:Georgia,serif}.text-toolbar__btn--underline{text-decoration:underline}@media(hover:hover){.text-toolbar__btn:hover{border-color:var(--accent);color:var(--accent)}}.text-toolbar__btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}@media(hover:hover){.text-toolbar__btn--active:hover{background:var(--accent-hover, #5a4bd1);border-color:var(--accent-hover, #5a4bd1);color:#fff}}.text-toolbar__btn--tiny{width:18px;height:18px;border-radius:4px;font-size:.6rem}@media(hover:hover){.text-toolbar__btn--danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}}.text-toolbar__color-label{position:relative;width:26px;height:26px;cursor:pointer;flex-shrink:0}.text-toolbar__color-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.text-toolbar__color-swatch{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;border:1.5px solid var(--border);transition:border-color .15s ease}.text-toolbar__color-letter{font-size:.7rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1}.text-toolbar__color-swatch--bg{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}@media(hover:hover){.text-toolbar__color-label:hover .text-toolbar__color-swatch{border-color:var(--accent)}}.text-toolbar__bg-group{display:flex;align-items:center;gap:2px}.text-toolbar__range{width:50px;height:4px;cursor:pointer;accent-color:var(--accent)}@media(max-width:600px){.text-toolbar{gap:2px;padding:4px 6px;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.text-toolbar--mobile{flex-direction:column;gap:4px;overflow-x:visible}.text-toolbar__row{display:flex;align-items:center;gap:3px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.text-toolbar__select{font-size:.72rem;padding:3px 4px}.text-toolbar__btn{width:24px;height:24px;position:relative}.text-toolbar__btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.text-toolbar__range{width:64px}.text-toolbar__color-swatch,.text-toolbar__color-label{width:24px;height:24px}.text-toolbar__btn--more{margin-left:auto;flex-shrink:0}}.shape-overlay-layer{position:absolute;inset:0;z-index:auto;pointer-events:none}.shape-overlay-item{position:absolute;cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:box-shadow .15s ease;touch-action:none}@media(hover:hover){.shape-overlay-item:hover{box-shadow:0 0 0 1.5px #6c5ce780}}.shape-overlay-item--selected{box-shadow:0 0 0 2px var(--accent);cursor:grab}.shape-overlay-item--selected:active{cursor:grabbing}.shape-overlay-rect,.shape-overlay-ellipse{width:100%;height:100%;box-sizing:border-box}.shape-overlay-ellipse{border-radius:50%}.shape-overlay-triangle{width:100%;height:100%;position:relative}.shape-overlay-triangle svg{display:block;width:100%;height:100%}.shape-resize-handle{position:absolute;width:14px;height:14px;background:var(--surface);border:1.5px solid var(--accent);border-radius:2px;pointer-events:auto;z-index:5}.shape-resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.shape-resize-handle--nw{top:-7px;left:-7px;cursor:nw-resize}.shape-resize-handle--ne{top:-7px;right:-7px;cursor:ne-resize}.shape-resize-handle--sw{bottom:-7px;left:-7px;cursor:sw-resize}.shape-resize-handle--se{bottom:-7px;right:-7px;cursor:se-resize}.shape-resize-handle--n{top:-7px;left:50%;transform:translate(-50%);cursor:n-resize}.shape-resize-handle--s{bottom:-7px;left:50%;transform:translate(-50%);cursor:s-resize}.shape-resize-handle--w{top:50%;left:-7px;transform:translateY(-50%);cursor:w-resize}.shape-resize-handle--e{top:50%;right:-7px;transform:translateY(-50%);cursor:e-resize}.shape-overlay-delete{position:absolute;top:-14px;right:-14px;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--danger, #ff4757);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 6px #00000026;transition:all .15s ease;z-index:5;pointer-events:auto;min-width:44px;min-height:44px}.shape-overlay-delete:active{opacity:.7;transform:scale(.9)}@media(hover:hover){.shape-overlay-delete:hover{background:var(--danger, #ff4757);color:#fff;border-color:var(--danger, #ff4757);transform:scale(1.15)}}.shape-toolbar{display:flex;align-items:center;gap:3px;padding:5px 8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000001f;pointer-events:auto;white-space:nowrap;animation:shapeToolbarFadeIn .15s ease}@keyframes shapeToolbarFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.shape-toolbar__divider{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 2px}.shape-toolbar__select{padding:3px 5px;border-radius:5px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.68rem;font-family:inherit;cursor:pointer;outline:none;max-width:110px}@media(hover:hover){.shape-toolbar__select:hover,.shape-toolbar__select:focus{border-color:var(--accent)}}.shape-toolbar__btn{width:26px;height:26px;border-radius:5px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0;flex-shrink:0}.shape-toolbar__btn:active{opacity:.7;transform:scale(.9)}@media(hover:hover){.shape-toolbar__btn:hover{border-color:var(--accent);color:var(--accent)}}.shape-toolbar__btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}@media(hover:hover){.shape-toolbar__btn--danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}}.shape-toolbar__color-label{position:relative;width:26px;height:26px;cursor:pointer;flex-shrink:0}.shape-toolbar__color-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.shape-toolbar__color-swatch{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;border:1.5px solid var(--border);transition:border-color .15s ease}@media(hover:hover){.shape-toolbar__color-label:hover .shape-toolbar__color-swatch{border-color:var(--accent)}}.shape-toolbar__range{width:50px;height:4px;cursor:pointer;accent-color:var(--accent)}.shape-toolbar__label{font-size:.62rem;color:var(--text-tertiary);font-weight:600;white-space:nowrap}.shape-toolbar__gradient-row{display:flex;align-items:center;gap:3px}.shape-toolbar__angle-input{width:40px;padding:2px 4px;border-radius:4px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.65rem;font-family:inherit;text-align:center;outline:none}.shape-toolbar__angle-input:focus{border-color:var(--accent)}@media(max-width:600px){.shape-toolbar{gap:2px;padding:4px 6px;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.shape-toolbar--mobile{flex-direction:column;gap:4px;overflow-x:visible}.shape-toolbar__row{display:flex;align-items:center;gap:3px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.shape-toolbar__select{font-size:.72rem;padding:3px 4px}.shape-toolbar__btn{width:24px;height:24px;position:relative}.shape-toolbar__btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.shape-toolbar__range{width:64px}.shape-toolbar__color-swatch,.shape-toolbar__color-label{width:24px;height:24px}.shape-toolbar__btn--more{margin-left:auto;flex-shrink:0}}.image-filter-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:240px;max-width:320px;box-shadow:0 4px 20px #0000001f;-webkit-user-select:none;user-select:none}.image-filter-toolbar__header{display:flex;align-items:center;justify-content:space-between}.image-filter-toolbar__title{font-size:13px;font-weight:600;color:var(--text-primary)}.image-filter-toolbar__header-actions{display:flex;align-items:center;gap:6px}.image-filter-toolbar__reset-btn{background:none;border:none;color:var(--accent);font-size:12px;font-weight:500;cursor:pointer;padding:2px 6px;border-radius:4px}.image-filter-toolbar__reset-btn:hover{background:var(--accent-light)}.image-filter-toolbar__close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.image-filter-toolbar__close-btn:hover{background:var(--accent-light);color:var(--text-primary)}.image-filter-toolbar__presets{display:flex;gap:6px;flex-wrap:wrap}.image-filter-toolbar__preset{background:var(--slot-bg);border:1.5px solid transparent;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:border-color .15s,background .15s}.image-filter-toolbar__preset:hover{background:var(--border)}.image-filter-toolbar__preset--active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.image-filter-toolbar__sliders{display:flex;flex-direction:column;gap:8px}.image-filter-toolbar__slider-row{display:flex;flex-direction:column;gap:3px}.image-filter-toolbar__slider-label{display:flex;justify-content:space-between;font-size:11px;font-weight:500;color:var(--text-tertiary)}.image-filter-toolbar__slider-value{font-variant-numeric:tabular-nums;color:var(--text-primary)}.image-filter-toolbar__slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--slider-progress, 50%),var(--border) var(--slider-progress, 50%),var(--border) 100%)}.image-filter-toolbar__slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 1px 4px #0003;cursor:pointer}.image-filter-toolbar__slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 1px 4px #0003;cursor:pointer}html.dark .image-filter-toolbar{box-shadow:0 4px 20px #0000004d}@media(pointer:coarse){.image-filter-toolbar{max-width:none;border-radius:0;border-left:none;border-right:none;box-shadow:0 -2px 12px #00000014}.image-filter-toolbar__slider::-webkit-slider-thumb{width:20px;height:20px}.image-filter-toolbar__slider::-moz-range-thumb{width:20px;height:20px}.image-filter-toolbar__slider{height:6px}}.carousel-editor{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.carousel-editor__viewport{width:100%;overflow:hidden;border-radius:12px;background:var(--surface);border:1px solid var(--border);position:relative;overscroll-behavior:none}.carousel-editor__canvas{height:100%;position:relative;transition:transform .4s cubic-bezier(.25,.46,.45,.94);container-type:inline-size}.carousel-editor__slide-bg{position:absolute;top:0;height:100%}.carousel-editor__slide-divider{position:absolute;left:0;top:0;bottom:0;width:2px;background:#ffffff4d;z-index:10;pointer-events:none}.carousel-editor__center-guide{position:absolute;left:50%;top:0;bottom:0;width:0;border-left:1px dashed rgba(150,150,150,.25);pointer-events:none;z-index:1}.image-slot{position:absolute;cursor:pointer;overflow:hidden;transition:box-shadow .2s ease;box-sizing:border-box;padding:1px}.image-slot__input{display:none}.image-slot--drag-over{box-shadow:inset 0 0 0 3px var(--accent)}.image-slot__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--slot-bg);border:2px dashed var(--slot-border);border-radius:6px;color:var(--text-tertiary);transition:all .2s ease}@media(hover:hover){.image-slot:hover .image-slot__placeholder{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}}.image-slot__label{font-size:.8rem;font-weight:600}.image-slot__sublabel{font-size:.65rem;opacity:.7}.image-slot__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}.image-slot--filled{cursor:grab;touch-action:none}.image-slot--panning{cursor:grabbing}.image-slot__overlay--hidden{opacity:0!important;pointer-events:none}.image-slot__error{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--slot-bg);border:2px dashed var(--danger);border-radius:6px;color:var(--danger)}.image-slot__overlay{position:absolute;inset:1px;background:#00000080;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease;border-radius:4px}@media(hover:hover){.image-slot:hover .image-slot__overlay{opacity:1}}@media(hover:none){.image-slot--filled .image-slot__overlay{opacity:1;background:#0000004d}}.image-slot__action-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ffffffe6;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.image-slot__action-btn:active{opacity:.7;transform:scale(.9)}@media(hover:hover){.image-slot__action-btn:hover{background:#fff;transform:scale(1.1)}.image-slot__action-btn--danger:hover{background:var(--danger);color:#fff}}.image-slot__action-btn--active{background:var(--accent, #6c5ce7);color:#fff}@media(hover:hover){.image-slot__action-btn--active:hover{background:var(--accent, #6c5ce7);color:#fff;transform:scale(1.1)}}.image-slot--filter-open .image-slot__overlay{opacity:1}.carousel-editor__nav{display:flex;align-items:center;gap:16px}.carousel-editor__nav-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.carousel-editor__nav-btn:active:not(:disabled){opacity:.7;transform:scale(.9)}@media(hover:hover){.carousel-editor__nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}}.carousel-editor__nav-btn:disabled{opacity:.3;cursor:default}.carousel-editor__dots{display:flex;gap:8px}.carousel-editor__dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--border);cursor:pointer;transition:all .2s ease;padding:0;position:relative}.carousel-editor__dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.carousel-editor__dot--active{background:var(--accent);transform:scale(1.2)}.carousel-editor__hint{font-size:.8rem;color:var(--text-tertiary);margin:0}.carousel-editor__pinned-toolbar{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:6px 0;display:flex;justify-content:center}@media(pointer:coarse){.image-slot__action-btn{position:relative}.image-slot__action-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.carousel-editor__nav-btn{width:44px;height:44px}}.snap-guide-layer{position:absolute;top:0;height:100%;pointer-events:none;z-index:9999}.snap-guide{position:absolute}.snap-guide--x{width:0;border-left:1px dashed rgba(255,50,100,.7);top:0;bottom:0}.snap-guide--y{height:0;border-top:1px dashed rgba(255,50,100,.7);left:0;right:0}.carousel-editor__inactive-layer{position:absolute;inset:0;pointer-events:none}.image-slot--inactive{cursor:default;touch-action:auto}.image-slot--inactive .image-slot__overlay{display:none}.layer-panel__header,.layer-panel__popover-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px}.layer-panel__title,.layer-panel__popover-title{font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.layer-panel__list{display:flex;flex-direction:column;gap:2px}.layer-panel__item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .15s;border:1.5px solid transparent}.layer-panel__item:hover{background:var(--accent-light)}.layer-panel__item--active{background:var(--accent-light);border-color:var(--accent)}.layer-panel__visibility{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.layer-panel__visibility:hover{color:var(--text-primary);background:var(--accent-light)}.layer-panel__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.layer-panel__name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-panel__meta{font-size:10px;color:var(--text-tertiary)}.layer-panel__rename-input{font-size:12px;font-weight:500;padding:1px 4px;border:1px solid var(--accent);border-radius:3px;background:var(--surface);color:var(--text-primary);outline:none;width:100%}.layer-panel__delete{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;opacity:0;transition:opacity .15s,color .15s}.layer-panel__item:hover .layer-panel__delete{opacity:1}.layer-panel__delete:hover{color:var(--danger);background:#ff47571a}.layer-panel__add{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;margin-top:6px;border-radius:6px;border:1px dashed var(--border);background:none;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;width:100%}.layer-panel__add:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.layer-panel__add:disabled{opacity:.4;cursor:default}.layer-panel--desktop{width:160px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);flex-shrink:0;align-self:flex-start}.layer-panel--mobile{position:relative;display:flex;justify-content:center;width:100%}.layer-panel__pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.layer-panel__pill:hover,.layer-panel__pill:active{border-color:var(--accent);background:var(--accent-light)}.layer-panel__pill-count{font-size:10px;color:var(--text-tertiary);font-weight:400}.layer-panel__popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:200px;max-width:260px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 4px 20px #00000026;z-index:100}html.dark .layer-panel__popover{box-shadow:0 4px 20px #0006}@media(pointer:coarse){.layer-panel__item{padding:10px 8px}.layer-panel__visibility,.layer-panel__delete{padding:6px;opacity:1}.layer-panel__pill{padding:10px 18px;font-size:13px}.layer-panel__add{padding:10px 8px}}.builder{display:flex;flex-direction:column;gap:16px;width:100%}.builder__body{display:flex;gap:12px;align-items:flex-start}.builder__body>.builder__canvas-wrapper{flex:1;min-width:0}.builder__body>.layer-panel--desktop{flex-shrink:0}.builder__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.builder__toolbar-left{display:flex;align-items:center;gap:12px}.builder__toolbar-right,.builder__control{display:flex;align-items:center;gap:8px}.builder__label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.builder__stepper{display:flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.builder__stepper-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-primary);transition:background .15s ease;font-family:inherit}.builder__stepper-btn:active:not(:disabled){opacity:.7;background:var(--bg)}@media(hover:hover){.builder__stepper-btn:hover:not(:disabled){background:var(--bg)}}.builder__stepper-btn:disabled{color:var(--text-tertiary);opacity:.4;cursor:default}.builder__stepper-value{display:flex;align-items:center;justify-content:center;min-width:28px;height:32px;font-size:.85rem;font-weight:700;color:var(--text-primary);border-left:1px solid var(--border);border-right:1px solid var(--border)}.builder__tool-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;font-family:inherit;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.builder__tool-btn:active:not(:disabled){opacity:.7;transform:scale(.97)}@media(hover:hover){.builder__tool-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}}.builder__tool-btn:disabled{opacity:.4;cursor:default}.builder__tool-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}@media(hover:hover){.builder__tool-btn--active:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}}.builder__tool-btn--ghost{background:none;border-color:transparent;color:var(--text-tertiary)}@media(hover:hover){.builder__tool-btn--ghost:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}}.builder__canvas-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center}.builder__canvas-scroll{overflow-x:auto;overflow-y:clip;max-width:100%;padding:12px 12px 20px;display:flex;flex-direction:column;align-items:flex-start;-webkit-overflow-scrolling:touch}.builder__slide-labels{position:relative;height:24px;margin-bottom:6px;flex-shrink:0}.builder__slide-label{position:absolute;top:0;height:24px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.builder__canvas{position:relative;flex-shrink:0;border-radius:6px;border:1px solid var(--border);background-color:var(--bg);background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-position:0 0;transition:border-color .2s ease;-webkit-user-select:none;user-select:none}.builder__canvas--draw{cursor:crosshair;border-color:var(--accent)}.builder__canvas--interacting{-webkit-user-select:none;user-select:none}.builder__divider{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);opacity:.35;pointer-events:none;z-index:5}.builder__empty-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-tertiary);pointer-events:none;z-index:0}.builder__empty-hint span{font-size:.85rem;font-weight:500}.builder__hover-cell{position:absolute;background:var(--accent);opacity:.12;border-radius:2px;pointer-events:none;z-index:1;transition:left .05s,top .05s}.builder__slot{position:absolute;background:var(--slot-bg);border:2px solid var(--slot-color);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:grab;transition:box-shadow .15s ease;z-index:1;touch-action:none}@media(hover:hover){.builder__slot:hover:not(.builder__slot--selected){box-shadow:0 0 0 2px color-mix(in srgb,var(--slot-color) 30%,transparent)}}.builder__slot--selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--slot-color) 40%,transparent);z-index:10}.builder__slot--interacting{cursor:grabbing;opacity:.85}.builder__slot--inactive{opacity:.3;pointer-events:none;border-style:dashed;z-index:0}.builder__slot-number{font-size:.85rem;font-weight:700;color:var(--slot-color);pointer-events:none;opacity:.8}.builder__slot-size{position:absolute;bottom:2px;right:4px;font-size:.6rem;font-weight:600;color:var(--slot-color);opacity:.6;pointer-events:none}.builder__slot-delete{position:absolute;top:-8px;right:-8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;border:2px solid var(--surface);border-radius:50%;cursor:pointer;font-size:0;padding:0;z-index:15;transition:transform .15s ease,background .15s ease}.builder__slot-delete:active{opacity:.7;transform:scale(.9)}@media(hover:hover){.builder__slot-delete:hover{transform:scale(1.15);background:var(--danger-hover, #e8384f)}}.builder__handle{position:absolute;width:14px;height:14px;background:var(--surface);border:2px solid var(--slot-color, var(--accent));border-radius:3px;z-index:12}.builder__handle--nw{top:-7px;left:-7px}.builder__handle--ne{top:-7px;right:-7px}.builder__handle--sw{bottom:-7px;left:-7px}.builder__handle--se{bottom:-7px;right:-7px}.builder__handle--n{top:-7px;left:50%;transform:translate(-50%)}.builder__handle--s{bottom:-7px;left:50%;transform:translate(-50%)}.builder__handle--e{right:-7px;top:50%;transform:translateY(-50%)}.builder__handle--w{left:-7px;top:50%;transform:translateY(-50%)}.builder__ghost{position:absolute;background:var(--accent);opacity:.18;border:2px dashed var(--accent);border-radius:4px;pointer-events:none;z-index:20;display:flex;align-items:center;justify-content:center}.builder__ghost-size{font-size:.75rem;font-weight:700;color:var(--accent);opacity:1;pointer-events:none}.builder__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.builder__footer-info{flex:1;min-width:0}.builder__hint-text{font-size:.85rem;color:var(--text-tertiary)}.builder__count-text{font-size:.85rem;color:var(--text-secondary);font-weight:500}.builder__footer-actions{display:flex;align-items:center;gap:8px}.builder__action-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:600;font-family:inherit;border-radius:10px;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.builder__action-btn:active:not(:disabled){opacity:.7;transform:scale(.97)}.builder__action-btn--cancel{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}@media(hover:hover){.builder__action-btn--cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}}.builder__action-btn--finish{background:var(--accent);color:#fff}@media(hover:hover){.builder__action-btn--finish:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}}.builder__action-btn--finish:disabled{opacity:.4;cursor:default}@media(max-width:768px){.builder__toolbar{flex-direction:column;align-items:stretch}.builder__toolbar-left,.builder__toolbar-right{justify-content:center}.builder__body{flex-direction:column}.builder__footer{flex-direction:column;align-items:stretch}.builder__footer-actions{justify-content:flex-end}.builder__canvas-wrapper{padding:4px}}@media(pointer:coarse){.builder__stepper-btn{width:44px;height:44px}.builder__stepper-value{height:44px}.builder__slot-delete{position:absolute;top:-12px;right:-12px;width:28px;height:28px}.builder__slot-delete:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.builder__handle{position:absolute}.builder__handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}}.ad-gate{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:20px;animation:adGateFadeIn .2s ease}@keyframes adGateFadeIn{0%{opacity:0}to{opacity:1}}.ad-gate__card{position:relative;background:var(--surface);border-radius:16px;padding:32px;max-width:420px;width:100%;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;align-items:center;gap:24px;animation:adGateSlideUp .3s ease}@keyframes adGateSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ad-gate__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.ad-gate__close:active{opacity:.7;transform:scale(.9)}@media(hover:hover){.ad-gate__close:hover{background:var(--border);color:var(--text-primary)}}.ad-gate__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.ad-gate__icon{color:var(--accent);margin-bottom:4px}.ad-gate__title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.ad-gate__subtitle{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.5;max-width:320px}.ad-gate__ad-container{width:100%;display:flex;justify-content:center}.ad-gate__ad-placeholder{width:300px;height:250px;background:var(--bg);border:2px dashed var(--border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-tertiary)}.ad-gate__ad-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);background:var(--border);padding:2px 8px;border-radius:4px}.ad-gate__ad-text{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.ad-gate__ad-size{font-size:.7rem;color:var(--text-tertiary)}.ad-gate__footer{width:100%;display:flex;justify-content:center}.ad-gate__countdown{display:flex;align-items:center;gap:12px}.ad-gate__countdown-ring{position:relative;width:40px;height:40px}.ad-gate__countdown-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ad-gate__countdown-bg{fill:none;stroke:var(--border);stroke-width:3}.ad-gate__countdown-progress{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:97.4;transition:stroke-dashoffset 1s linear}.ad-gate__countdown-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--accent)}.ad-gate__countdown-text{font-size:.85rem;color:var(--text-secondary)}.ad-gate__continue-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;animation:adGateBtnPop .3s ease}.ad-gate__continue-btn:active{opacity:.8;transform:scale(.97)}@keyframes adGateBtnPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(hover:hover){.ad-gate__continue-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}}@media(max-width:480px){.ad-gate__card{padding:24px 16px}.ad-gate__ad-placeholder{width:100%;max-width:300px;height:200px}}@media(pointer:coarse){.ad-gate__close:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}}.legal-page{min-height:100vh;background:var(--bg);padding:40px 24px 80px}.legal-page__container{max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 48px}.legal-page__back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;margin-bottom:32px}.legal-page__back:hover{border-color:var(--accent);color:var(--accent)}.legal-page h1{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.legal-page__updated{font-size:.8rem;color:var(--text-tertiary);margin:0 0 32px}.legal-page section{margin-bottom:28px}.legal-page h2{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.legal-page h3{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:16px 0 6px}.legal-page p{font-size:.88rem;color:var(--text-secondary);line-height:1.7;margin:0 0 8px}.legal-page ul{margin:8px 0;padding-left:20px}.legal-page li{font-size:.88rem;color:var(--text-secondary);line-height:1.7;margin-bottom:4px}.legal-page a{color:var(--accent);text-decoration:none}.legal-page a:hover{text-decoration:underline}@media(max-width:600px){.legal-page{padding:20px 12px 60px}.legal-page__container{padding:24px 20px}.legal-page h1{font-size:1.3rem}}.manual{display:flex;min-height:100vh;background:var(--bg)}.manual__sidebar{position:sticky;top:0;height:100vh;width:280px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;z-index:10}.manual__sidebar-header{padding:24px 20px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.manual__sidebar-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-top:16px}.manual__back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}@media(hover:hover){.manual__back:hover{border-color:var(--accent);color:var(--accent)}}.manual__back:active{opacity:.7;transform:scale(.97)}.manual__back--mobile{display:none}.manual__nav{display:flex;flex-direction:column;padding:12px 8px;gap:2px;flex:1;overflow-y:auto}.manual__nav-item{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;line-height:1.4}@media(hover:hover){.manual__nav-item:hover{background:var(--accent-light);color:var(--accent)}}.manual__nav-item:active{opacity:.7}.manual__nav-item--active{background:var(--accent-light);color:var(--accent);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.manual__content{flex:1;min-width:0;overflow-y:auto}.manual__content-inner{max-width:760px;margin:0 auto;padding:40px 48px 80px}.manual__title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.manual__intro{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0 0 40px}.manual__chapter{margin-bottom:48px;scroll-margin-top:24px}.manual__chapter-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--accent-light)}.manual__chapter h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:20px 0 8px}.manual__chapter p{font-size:.88rem;color:var(--text-secondary);line-height:1.7;margin:0 0 10px}.manual__chapter ul,.manual__chapter ol{margin:8px 0 12px;padding-left:20px}.manual__chapter li{font-size:.88rem;color:var(--text-secondary);line-height:1.7;margin-bottom:4px}.manual__chapter code{font-size:.84rem;font-family:Courier New,Courier,monospace;background:var(--accent-light);color:var(--accent);padding:2px 6px;border-radius:4px}.manual__chapter strong{color:var(--text-primary);font-weight:600}.manual__table{width:100%;border-collapse:collapse;margin:12px 0 16px;font-size:.84rem}.manual__table th{text-align:left;padding:8px 12px;background:var(--accent-light);color:var(--accent);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border)}.manual__table td{padding:8px 12px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.manual__table tr:last-child td{border-bottom:none}@media(hover:hover){.manual__table tbody tr:hover td{background:var(--accent-light)}}.manual__sidebar-toggle,.manual__sidebar-backdrop{display:none}@media(max-width:768px){.manual{flex-direction:column}.manual__sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;transform:translate(-100%);transition:transform .25s ease;z-index:1001;box-shadow:none}.manual__sidebar--open{transform:translate(0);box-shadow:4px 0 24px #00000026}.manual__sidebar-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:1000;animation:manualBackdropFadeIn .2s ease}@keyframes manualBackdropFadeIn{0%{opacity:0}to{opacity:1}}.manual__sidebar-toggle{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:50;width:100%;padding:12px 20px;background:var(--surface);border:none;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.manual__sidebar-toggle:active{opacity:.7}.manual__sidebar-toggle--open{color:var(--accent)}.manual__back--mobile{display:inline-flex;margin-bottom:20px}.manual__content-inner{padding:24px 20px 60px}.manual__title{font-size:1.4rem}.manual__chapter-title{font-size:1.1rem}.manual__table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.manual__content-inner{padding:16px 16px 60px}.manual__table th,.manual__table td{padding:6px 8px;font-size:.78rem}}.help-button-wrapper{position:fixed;bottom:24px;right:24px;z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.help-button-wrapper>*{pointer-events:auto}.help-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 4px 12px #6c5ce74d,0 1px 3px #0000001a;transition:all .2s ease;padding:0;flex-shrink:0}@media(hover:hover){.help-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce766,0 2px 6px #0000001a}}.help-button:active{transform:scale(.92);box-shadow:0 2px 8px #6c5ce740,0 1px 2px #0000001a}.help-balloon{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 32px 10px 14px;box-shadow:0 4px 16px #0000001f;animation:helpBalloonFadeIn .3s ease;max-width:220px}@keyframes helpBalloonFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.help-balloon__text{font-size:.82rem;font-weight:500;color:var(--text-primary);line-height:1.4}.help-balloon__dismiss{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;padding:0}@media(hover:hover){.help-balloon__dismiss:hover{background:var(--accent-light);color:var(--accent)}}.help-balloon__dismiss:active{opacity:.6}.help-balloon__arrow{position:absolute;bottom:-6px;right:18px;width:12px;height:12px;background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}@media(max-width:600px){.help-button-wrapper{bottom:16px;right:16px}.help-button{width:44px;height:44px}.help-balloon{max-width:180px;padding:8px 28px 8px 12px}.help-balloon__text{font-size:.78rem}}@media(pointer:coarse){.help-button{width:52px;height:52px}.help-balloon__dismiss{width:28px;height:28px}}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:calc(100vw - 32px);width:380px}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px #0000001f;animation:toastSlideIn .25s ease;pointer-events:auto;font-size:.82rem;line-height:1.4;color:var(--text-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast--error{border-color:#ff47574d;background:linear-gradient(135deg,var(--toast-error-bg, #fff5f5),var(--surface))}.toast--error .toast__icon{color:var(--danger, #ff4757)}.toast--success{border-color:#2ed5734d;background:linear-gradient(135deg,var(--toast-success-bg, #f0fff4),var(--surface))}.toast--success .toast__icon{color:var(--success, #2ed573)}.toast--info{border-color:#6c5ce74d;background:linear-gradient(135deg,var(--toast-info-bg, #f5f3ff),var(--surface))}.toast--info .toast__icon{color:var(--accent, #6c5ce7)}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast__message{flex:1;font-weight:500}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .12s ease;padding:0}.toast__close:active{opacity:.7;transform:scale(.9)}@media(hover:hover){.toast__close:hover{background:var(--bg);color:var(--text-primary)}}@media(pointer:coarse){.toast__close{position:relative}.toast__close:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}}.onboarding-overlay{position:fixed;inset:0;z-index:3000;background:#00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:onboardingFadeIn .25s ease}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-tooltip{position:absolute;z-index:3001;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #0000002e;padding:20px;max-width:320px;width:max-content;animation:onboardingTooltipIn .25s ease}@keyframes onboardingTooltipIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-tooltip:before{content:"";position:absolute;width:12px;height:12px;background:var(--surface);border:1.5px solid var(--border);transform:rotate(45deg)}.onboarding-tooltip[data-arrow=top]:before{top:-7px;left:28px;border-bottom:none;border-right:none}.onboarding-tooltip[data-arrow=bottom]:before{bottom:-7px;left:28px;border-top:none;border-left:none}.onboarding-tooltip[data-arrow=left]:before{left:-7px;top:20px;border-top:none;border-right:none}.onboarding-tooltip[data-arrow=none]:before{display:none}.onboarding-tooltip__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--accent-light);color:var(--accent);margin-bottom:10px}.onboarding-tooltip__step{font-size:.65rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.onboarding-tooltip__title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 6px;line-height:1.3}.onboarding-tooltip__desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.onboarding-tooltip__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.onboarding-tooltip__dots{display:flex;gap:5px}.onboarding-tooltip__dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:all .2s ease}.onboarding-tooltip__dot--active{background:var(--accent);width:18px;border-radius:3px}.onboarding-tooltip__dot--done{background:var(--accent);opacity:.4}.onboarding-tooltip__actions{display:flex;gap:8px;align-items:center}.onboarding-tooltip__skip{background:none;border:none;color:var(--text-tertiary);font-size:.78rem;font-weight:500;cursor:pointer;padding:6px 8px;font-family:inherit;transition:color .15s ease}@media(hover:hover){.onboarding-tooltip__skip:hover{color:var(--text-secondary)}}.onboarding-tooltip__skip:active{opacity:.7}.onboarding-tooltip__next{display:flex;align-items:center;gap:5px;padding:7px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease;white-space:nowrap}.onboarding-tooltip__next:active{opacity:.8;transform:scale(.97)}@media(hover:hover){.onboarding-tooltip__next:hover{background:var(--accent-hover)}}.onboarding-sheet{position:fixed;bottom:0;left:0;right:0;z-index:3001;background:var(--surface);border-top:1.5px solid var(--border);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #0003;padding:24px 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom));animation:onboardingSheetIn .3s ease;max-height:70vh;overflow-y:auto}@keyframes onboardingSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.onboarding-sheet__handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:0 auto 16px}.onboarding-sheet__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--accent-light);color:var(--accent);margin:0 auto 12px}.onboarding-sheet__step{font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:4px}.onboarding-sheet__title{font-size:1.1rem;font-weight:700;color:var(--text-primary);text-align:center;margin:0 0 8px;line-height:1.3}.onboarding-sheet__desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6;text-align:center;max-width:340px;margin:0 auto 20px}.onboarding-sheet__dots{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.onboarding-sheet__dot{width:7px;height:7px;border-radius:50%;background:var(--border);transition:all .2s ease}.onboarding-sheet__dot--active{background:var(--accent);width:22px;border-radius:4px}.onboarding-sheet__dot--done{background:var(--accent);opacity:.4}.onboarding-sheet__actions{display:flex;gap:10px}.onboarding-sheet__skip{flex:1;padding:12px 16px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.onboarding-sheet__skip:active{opacity:.7;transform:scale(.97)}.onboarding-sheet__next{flex:2;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s ease}.onboarding-sheet__next:active{opacity:.8;transform:scale(.97)}.onboarding-spotlight{position:absolute;z-index:2999;border-radius:12px;box-shadow:0 0 0 4000px #00000073;pointer-events:none;transition:all .3s ease}:root{--bg: #f5f5f7;--surface: #ffffff;--border: #e0e0e4;--accent: #6c5ce7;--accent-hover: #5a4bd1;--accent-light: rgba(108, 92, 231, .06);--accent-glow: rgba(108, 92, 231, .15);--text-primary: #1a1a2e;--text-secondary: #6b6b80;--text-tertiary: #9b9baf;--slot-bg: #f0f0f5;--slot-border: #d0d0da;--danger: #ff4757;--danger-hover: #e8384f;--success: #2ed573;--warning: #e67e22;--warning-bg: rgba(230, 126, 34, .08);--toast-error-bg: #fff5f5;--toast-success-bg: #f0fff4;--toast-info-bg: #f5f3ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.dark{--bg: #121218;--surface: #1e1e28;--border: #2e2e3a;--accent: #8b7cf7;--accent-hover: #9d90ff;--accent-light: rgba(139, 124, 247, .1);--accent-glow: rgba(139, 124, 247, .2);--text-primary: #e8e8f0;--text-secondary: #9b9baf;--text-tertiary: #6b6b80;--slot-bg: #1a1a24;--slot-border: #2e2e3a;--danger: #ff6b7a;--danger-hover: #ff4757;--success: #4ade80;--warning: #f0a050;--warning-bg: rgba(240, 160, 80, .12);--toast-error-bg: #2a1a1c;--toast-success-bg: #1a2a1c;--toast-info-bg: #1e1a2e;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));min-height:100vh}.app__header{text-align:center;margin-bottom:24px}.app__header-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px;position:relative}.app__logo{display:flex;align-items:center;gap:10px;color:var(--accent)}.app__dark-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:absolute;right:0;padding:0;flex-shrink:0}.app__dark-toggle:active{opacity:.7;transform:scale(.9)}@media(hover:hover){.app__dark-toggle:hover{border-color:var(--accent);color:var(--accent)}}.app__title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.app__subtitle{font-size:.9rem;color:var(--text-secondary)}.app__main{display:flex;flex-direction:column;gap:20px}.app__aspect-ratio{display:flex;align-items:center;gap:12px}.app__aspect-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.app__aspect-options{display:flex;gap:6px}.app__aspect-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all .15s ease;font-family:inherit}.app__aspect-btn:active{opacity:.7;transform:scale(.97)}@media(hover:hover){.app__aspect-btn:hover{border-color:var(--accent)}}.app__aspect-btn--active{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 2px var(--accent-glow)}.app__aspect-icon{display:block;width:18px;border:1.5px solid var(--text-tertiary);border-radius:2px;background:var(--bg);transition:border-color .15s ease}.app__aspect-btn--active .app__aspect-icon{border-color:var(--accent);background:var(--accent-light)}.app__aspect-text{display:flex;flex-direction:column;text-align:left;gap:0}.app__aspect-name{font-size:.75rem;font-weight:600;color:var(--text-primary);line-height:1.2}.app__aspect-dims{font-size:.65rem;color:var(--text-tertiary);line-height:1.2}.app__aspect-btn--active .app__aspect-name{color:var(--accent)}.app__action-bar{display:flex;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:visible}.app__action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px}.app__action-row+.app__action-row{border-top:1px solid var(--border)}.app__action-group{display:flex;align-items:center;gap:6px}.app__status-text{font-size:.85rem;font-weight:600;color:var(--text-primary)}.app__hint{font-size:.8rem;color:var(--text-tertiary)}.app__btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;position:relative;overflow:hidden;white-space:nowrap}.app__btn--primary{background:var(--accent);color:#fff}.app__btn--primary:active:not(:disabled){opacity:.8;transform:scale(.97)}@media(hover:hover){.app__btn--primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}}.app__btn--primary:disabled{opacity:.5;cursor:default}.app__btn--secondary{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.app__btn--secondary:active:not(:disabled){opacity:.7;transform:scale(.97)}@media(hover:hover){.app__btn--secondary:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}}.app__btn--secondary:disabled{opacity:.4;cursor:default}.app__btn--compact{padding:6px 10px;font-size:.75rem;gap:5px}.app__btn--outline{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.app__btn--outline:active:not(:disabled){opacity:.7;transform:scale(.97)}@media(hover:hover){.app__btn--outline:hover:not(:disabled){background:var(--accent-light)}}.app__btn-loading{position:relative;z-index:1}.app__btn-progress{position:absolute;left:0;top:0;bottom:0;background:#fff3;transition:width .3s ease;border-radius:10px}.app__hidden-input{display:none}.app__btn--icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-family:inherit}.app__btn--icon:active:not(:disabled){opacity:.7;transform:scale(.93)}@media(hover:hover){.app__btn--icon:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}}.app__btn--icon:disabled{opacity:.3;cursor:default}.app__separator{width:1px;height:24px;background:var(--border);flex-shrink:0}.bg-picker{display:flex;align-items:flex-start;gap:12px}.bg-picker__label{font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;padding-top:4px}.bg-picker__presets{display:flex;flex-wrap:wrap;gap:6px}.bg-picker__swatch{width:30px;height:30px;border-radius:8px;border:2px solid var(--border);cursor:pointer;transition:all .15s ease;padding:0;display:flex;align-items:center;justify-content:center;font-size:0}.bg-picker__swatch:active{opacity:.7;transform:scale(.9)}@media(hover:hover){.bg-picker__swatch:hover{border-color:var(--accent);transform:scale(1.1)}}.bg-picker__swatch--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.bg-picker__swatch--custom{background:var(--surface);color:var(--text-tertiary)}@media(hover:hover){.bg-picker__swatch--custom:hover{color:var(--accent)}}.bg-picker__custom{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:8px}.bg-picker__type-toggle{display:flex;gap:4px}.bg-picker__type-btn{flex:1;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.bg-picker__type-btn:active{opacity:.7;transform:scale(.97)}@media(hover:hover){.bg-picker__type-btn:hover{border-color:var(--accent)}}.bg-picker__type-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.bg-picker__row{display:flex;align-items:center;gap:8px}.bg-picker__field-label{font-size:.72rem;font-weight:600;color:var(--text-tertiary);width:36px;flex-shrink:0}.bg-picker__color-input{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;padding:0;background:none}.bg-picker__color-input::-webkit-color-swatch-wrapper{padding:0}.bg-picker__color-input::-webkit-color-swatch{border:1.5px solid var(--border);border-radius:6px}.bg-picker__hex{font-size:.72rem;color:var(--text-tertiary);font-family:Courier New,monospace;min-width:60px}.bg-picker__angle-range{flex:1;max-width:100px;accent-color:var(--accent);cursor:pointer}.app__editor,.app__editor-row{display:flex;justify-content:center;width:100%}.app__editor-row--with-layers{gap:12px;align-items:flex-start}.app__editor-row--with-layers>.carousel-editor{flex:1;min-width:0}@media(pointer:coarse){.app__editor-row--with-layers{flex-direction:column-reverse;align-items:center;gap:8px}}.app__canvas-warning{font-size:.7rem;font-weight:600;color:var(--warning);background:var(--warning-bg);padding:2px 8px;border-radius:4px}.app__scale-select{display:flex;align-items:center;gap:6px}.app__scale-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.app__scale-dropdown{padding:5px 22px 5px 8px;border-radius:7px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.75rem;font-weight:500;font-family:inherit;cursor:pointer;outline:none;transition:border-color .15s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236b6b80' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}@media(hover:hover){.app__scale-dropdown:hover{border-color:var(--accent)}}.app__scale-dropdown:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.app__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 40px;color:var(--text-tertiary);text-align:center}.app__empty h3{font-size:1.1rem;color:var(--text-secondary)}.app__empty p{font-size:.85rem;max-width:320px}.app__footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:32px 0 8px;margin-top:20px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-tertiary)}.app__footer-copy{font-weight:600}.app__footer-links{display:flex;align-items:center;gap:8px}.app__footer-links a{color:var(--text-tertiary);text-decoration:none;transition:color .15s ease}@media(hover:hover){.app__footer-links a:hover{color:var(--accent)}}.app__footer-sep{opacity:.4}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:2000;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 24px #0000001a;padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom));animation:cookieBannerSlideUp .3s ease}@keyframes cookieBannerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner__content{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:20px}.cookie-banner__text{flex:1;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.cookie-banner__link{color:var(--accent);text-decoration:underline}.cookie-banner__actions{display:flex;gap:8px;flex-shrink:0}.cookie-banner__btn{padding:8px 20px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .15s ease;white-space:nowrap}.cookie-banner__btn:active{opacity:.7;transform:scale(.97)}.cookie-banner__btn--accept{background:var(--accent);color:#fff}@media(hover:hover){.cookie-banner__btn--accept:hover{background:var(--accent-hover)}}.cookie-banner__btn--reject{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}@media(hover:hover){.cookie-banner__btn--reject:hover{border-color:var(--text-secondary);color:var(--text-primary)}}.app__shape-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:4px;z-index:100;min-width:140px;animation:shapeDropdownFadeIn .12s ease}@keyframes shapeDropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.app__shape-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;background:transparent;color:var(--text-primary);font-size:.78rem;font-weight:500;font-family:inherit;cursor:pointer;border-radius:6px;transition:all .12s ease;white-space:nowrap}.app__shape-dropdown-item:active{opacity:.7;background:var(--accent-light)}@media(hover:hover){.app__shape-dropdown-item:hover{background:var(--accent-light);color:var(--accent)}.app__shape-dropdown-item:hover svg{color:var(--accent)}}.app__shape-dropdown-item svg{flex-shrink:0;color:var(--text-secondary)}.app__controls-toggle{display:none}.app__controls-panel{display:contents}@media(max-width:600px){.app{padding:16px}.app__header-row{flex-wrap:wrap;gap:8px}.app__dark-toggle{position:static}.app__aspect-ratio{flex-direction:column;align-items:flex-start;gap:8px}.app__aspect-options{width:100%}.app__aspect-btn{flex:1;justify-content:center}.app__action-bar{border-radius:10px}.app__action-row{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 12px}.app__action-group{flex-wrap:wrap;justify-content:center}.bg-picker{flex-direction:column;gap:8px}.cookie-banner__content{flex-direction:column;text-align:center;gap:12px}}@media(pointer:coarse){.app__controls-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.app__controls-toggle:active{opacity:.7;transform:scale(.98)}.app__controls-toggle--open{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.app__controls-toggle-chevron{transition:transform .2s ease;margin-left:auto}.app__controls-toggle--open .app__controls-toggle-chevron{transform:rotate(180deg)}.app__controls-panel--closed{display:none}.app__controls-panel--open{display:flex;flex-direction:column;gap:20px;animation:controlsPanelSlideDown .2s ease}@keyframes controlsPanelSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app__btn--icon{position:relative}.app__btn--icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.bg-picker__swatch{position:relative}.bg-picker__swatch:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.app__shape-dropdown-item{min-height:44px;padding:10px 12px}.app__dark-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}}