[hidden]{display:none!important}.htmx-swapping{opacity:.97}.htmx-settling{opacity:1}body{transition:opacity .12s}input,select,textarea{font:inherit}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#323555;color:white;padding:14px 22px;border-radius:12px;z-index:200;max-width:90vw;font-size:13px;box-shadow:0 8px 35px #20213630}.auth-wrap{max-width:650px;margin:40px auto;padding:20px}.auth-wrap main{padding:35px 0}.auth-wrap input{border:1px solid #e5e4eb;border-radius:8px;padding:11px;max-width:100%}.auth-wrap button{background:#323555;color:white;border:0;border-radius:9px;padding:12px 20px}.auth-wrap footer{font-size:12px;margin-top:30px}.canvas{touch-action:none;overflow:visible}.canvas canvas{display:block;width:100%;height:100%}.canvas:after{display:none}.canvas .canvas-hint{pointer-events:none}.object-handles{position:absolute;border:1px solid #4a90e2;pointer-events:none;z-index:4;transform-origin:center}.object-handles button{position:absolute;pointer-events:auto;padding:0;background:white;border:1px solid #4a90e2;border-radius:0;width:12px;height:12px;touch-action:none}.object-handles .resize-handle{bottom:-6px;right:-6px;cursor:nwse-resize}.object-handles .rotate-handle{top:-28px;left:calc(50% - 7px);border-radius:50%;width:14px;height:14px;cursor:grab}.settings textarea,.settings input[type=text],.settings input[type=color],.settings select{width:100%;border:1px solid #e5e4eb;border-radius:7px;padding:8px;background:white}.settings textarea{min-height:85px;resize:vertical}.settings .inline-actions{display:flex;gap:7px;margin:12px 0;flex-wrap:wrap}.settings .inline-actions button{flex:1;font-size:10px;white-space:nowrap}.settings input[type=color]{height:38px;padding:4px}.layers .layer{cursor:pointer;width:100%;text-align:left}.layer-actions{display:flex;gap:5px;margin-top:9px}.layer-actions button{padding:6px 8px;font-size:10px}.empty-work{display:flex;flex-direction:column;text-align:center;align-items:center;gap:15px;color:#797b8d;padding:35px 20px}.empty-work p{font-size:12px;max-width:280px}.thumb{cursor:pointer}.drop-over{outline:3px dashed #4a90e2;outline-offset:-6px}.filmstrip{overflow-x:auto}.thumbs{min-width:max-content}.library .style-card.selected{border-color:#4a90e2}.library .empty-library{border:1px dashed #c5c9d8;padding:30px 22px;border-radius:14px;color:#797b8d;font-size:12px;text-align:center;grid-column:1/-1}.delete-confirm{color:#a83c46}.settings .helper{color:#797b8d;font-size:10px}.active{font-weight:500}.fonts-loading{opacity:.6}.format{cursor:pointer}.format:hover{border-color:#4a90e2}.selection-warning{color:#8c6e28;font-size:10px;margin:8px 0}.quality-control{display:flex;align-items:center;gap:7px;font-size:10px}.quality-control input{width:70px}.font-swatch{font-synthesis:none}.settings{font-synthesis:none}.settings .tools-divider{margin:15px 0;border-top:1px solid #e5e4eb}.mobile-tools{overflow-x:auto}.settings .panel-top{display:flex;align-items:center;justify-content:space-between}.settings .panel-top h2{margin-bottom:8px}.rendering{pointer-events:none;opacity:.7}dialog{border:1px solid #e5e4eb;border-radius:16px;background:#f8f6f8;color:#202136;max-width:min(440px,90vw);padding:25px;font-family:Inter,sans-serif}dialog::backdrop{background:#20213666}dialog input{width:100%;border:1px solid #d9dbe4;border-radius:7px;padding:10px;margin:12px 0}dialog h2{font:700 21px Manrope,sans-serif;margin:0}dialog p{font-size:12px;color:#797b8d}dialog .actions{display:flex;gap:10px;justify-content:end}dialog button{border:1px solid #e5e4eb;background:white;border-radius:8px;padding:9px 15px;cursor:pointer}dialog .primary{background:#323555;color:white}a,button{touch-action:manipulation}.tool{font-size:9px}.panel-note{font-size:11px;color:var(--muted);margin:0 0 20px}.element-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.element-grid button{height:62px;display:flex;align-items:center;justify-content:center;padding:10px;min-width:0}.element-grid svg{width:100%;height:40px;fill:var(--navy);stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.element-grid img{max-width:100%;max-height:40px;object-fit:contain}.element-grid .chosen{border-color:var(--blue);background:#edf3fc}.color-pair{display:flex;gap:10px;margin-top:12px}.color-pair label{flex:1;font-size:10px;color:var(--muted)}.color-pair input{display:block;width:100%;height:34px;border:1px solid var(--line);border-radius:6px;background:white;padding:3px;margin-top:5px}.gradient-preview{height:35px;background:linear-gradient(90deg,#323555,#4a90e2);border-radius:7px;margin:12px 0}.upload-box{width:100%;padding:14px 8px;border-style:dashed;color:var(--blue);margin:12px 0 0}.search-input{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px}.stock-buttons{display:grid;gap:9px;margin-top:12px}.stock-buttons button{display:flex;justify-content:space-between}.free-label{font-size:10px;background:#eef6f1;color:#377252;border-radius:5px;padding:3px 7px;display:inline-block;margin-bottom:12px}.mini-selected{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:9px;margin-bottom:16px;font-size:11px}.mini-selected img{width:36px;height:36px;object-fit:cover;border-radius:4px}.mobile-tools{justify-content:flex-start}.mobile-tools .tool{min-width:55px;flex:1 0 55px}@media(min-width:901px){[data-page=editor] .settings{max-height:calc(100vh - 160px);overflow-y:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:700px){.object-handles button{width:18px;height:18px}.object-handles .resize-handle{bottom:-9px;right:-9px}.object-handles .rotate-handle{width:20px;height:20px;top:-30px}.quality-control{width:100%;justify-content:center}}
.canvas-zone{padding-top:76px}.object-toolbar{position:absolute;z-index:6;display:flex;align-items:center;gap:5px;padding:5px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 16px #32355512;white-space:nowrap;touch-action:manipulation}.object-toolbar button{font-size:10px;padding:6px 9px;border:0}.object-toolbar .danger{color:#a83c46}.object-toolbar .primary{background:var(--navy);color:white}.object-handles .rotate-handle{top:auto;left:calc(50% - 12px);bottom:-28px;width:24px;height:24px;border-radius:50%;background:white;color:var(--blue);line-height:20px;cursor:grab}.thumb-card{position:relative;flex:0 0 auto}.thumb-card .thumb{display:block}.thumb-card .remove-photo{position:absolute;right:-7px;top:-7px;z-index:4;width:25px;height:25px;min-height:25px;display:grid;place-items:center;border-radius:50%;padding:0;background:white;border:1px solid #d5d5df;color:var(--navy);font-size:0;line-height:1;box-shadow:0 2px 8px #32355514}.remove-photo::before,.remove-photo::after{content:'';position:absolute;left:50%;top:50%;width:11px;height:1.5px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.remove-photo::after{transform:translate(-50%,-50%) rotate(-45deg)}.thumb-card .remove-photo:hover{background:#fff0f0;color:#a83c46}.thumbs{padding-top:9px;padding-right:9px}.crop-description h3{margin:0 0 9px;font-size:17px}.crop-description p{font-size:12px;color:var(--muted)}.crop-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 10px}.crop-description .reset{font-size:11px}.object-handles.cropping{border:1px dashed #9da3b8;background:#3235550a}.crop-window{position:absolute;border:2px solid var(--blue);pointer-events:auto;touch-action:none;cursor:move}.object-handles .crop-grip{width:12px;height:12px;border:2px solid var(--blue);background:white;border-radius:0;transform:translate(-50%,-50%)}.crop-grip.nw{left:0;top:0;cursor:nwse-resize}.crop-grip.ne{left:100%;top:0;cursor:nesw-resize}.crop-grip.sw{left:0;top:100%;cursor:nesw-resize}.crop-grip.se{left:100%;top:100%;cursor:nwse-resize}.crop-grip.n{left:50%;top:0;cursor:ns-resize}.crop-grip.s{left:50%;top:100%;cursor:ns-resize}.crop-grip.w{left:0;top:50%;cursor:ew-resize}.crop-grip.e{left:100%;top:50%;cursor:ew-resize}@media(max-width:700px){.object-toolbar{gap:1px;left:50%!important;transform:translateX(-50%);padding:4px}.object-toolbar button{font-size:9px;padding:7px 5px}.thumb-card .remove-photo{width:28px;height:28px}.object-handles .crop-grip{width:18px;height:18px}}