@font-face{font-family:PENJEEditorSignature;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/editor/lora/d824d807d4d832d12c87.woff2)format("woff2")}.editor-studio{--studio-line:#5e477d21;--studio-panel:#fff;--studio-muted:#756c84;--studio-wash:#f7f5fb;--studio-ink:#251d32;background:var(--studio-wash);color:var(--studio-ink);isolation:isolate;position:relative}:is(.dark,[data-penje-theme=dark]) .editor-studio{--studio-line:#cbb4ff21;--studio-panel:#15121d;--studio-muted:#a99fba;--studio-wash:#100e16;--studio-ink:#f4efff}.editor-studio button,.studio-font-popup button{cursor:pointer;transition:background .16s,color .16s,box-shadow .16s,border-color .16s}.editor-studio button:disabled{cursor:default;opacity:.35}:is(.editor-studio button:focus-visible,.studio-font-popup button:focus-visible){outline-offset:2px;outline:2px solid #8b5cf6}.editor-studio input[type=range]{accent-color:#8b5cf6}.editor-studio input[type=number]{font-variant-numeric:tabular-nums}.studio-header{background:var(--studio-panel);z-index:3;box-shadow:0 1px 12px #4c1d9505;gap:10px!important;min-height:70px!important;padding:10px 18px!important}.studio-brand{white-space:nowrap;align-items:center;gap:8px;display:flex}.studio-brand img{object-fit:contain;width:82px;height:30px}.studio-brand-editor{letter-spacing:-1px;color:#7c3aed;font-family:PENJEEditorSignature,Georgia,serif;font-size:24px;font-style:italic}.studio-brand-beta{letter-spacing:.06em;text-transform:uppercase;color:#8b5cf6;background:#8b5cf610;border:1px solid #8b5cf62a;border-radius:5px;padding:4px 5px;font:700 9px/1.2 sans-serif}.studio-brand-large{gap:13px}.studio-brand-large img{width:155px;height:56px}.studio-brand-large .studio-brand-editor{font-size:44px}.studio-brand-large .studio-brand-beta{align-self:flex-start;margin-top:8px}.studio-toolbar{background:var(--studio-panel);border-bottom:1px solid var(--studio-line);z-index:2;flex-shrink:0;position:relative}.studio-toolbar-main{border-bottom:1px solid var(--studio-line);align-items:center;gap:5px;min-height:47px;padding:5px 12px;display:flex}.studio-tool-tabs{border-left:1px solid var(--studio-line);gap:3px;margin-left:7px;padding-left:10px;display:flex}.studio-tool-tabs button{color:var(--studio-muted);border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:600;display:flex}.studio-tool-tabs button[aria-pressed=true]{color:#7c3aed;background:#8b5cf612}.studio-toolbar-controls{scrollbar-width:thin;align-items:center;gap:8px;min-height:53px;padding:7px 13px;display:flex;overflow-x:auto}.studio-toolbar-controls>*{flex-shrink:0}.studio-toolbar-controls select,.studio-toolbar-controls input[type=number]{border:1px solid var(--studio-line);background:0 0;border-radius:8px;height:34px;padding:0 7px;font-size:11px}.studio-toolbar-controls option{color:var(--studio-ink);background:var(--studio-panel)}.studio-icon-button{min-width:32px;height:32px;color:var(--studio-muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.studio-icon-button:hover{color:#7c3aed;background:#8b5cf60e}.studio-icon-button[aria-pressed=true]{color:#7c3aed;background:#8b5cf61a}.studio-icon-button.danger:hover{color:#dc2626;background:#ef444410}.studio-toolbar-spacer{align-items:center;gap:4px;margin-left:auto;display:flex}.studio-toolbar-spacer>button:last-child{min-width:42px;font-size:11px}.studio-control-group{white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.studio-control-group input{width:52px}.studio-button-group{border:1px solid var(--studio-line);border-radius:10px;gap:2px;padding:2px;display:flex}.studio-hint{color:var(--studio-muted);font-size:11px;line-height:1.65}.studio-font-trigger{border:1px solid var(--studio-line);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:155px;height:34px;padding:0 10px;font-size:13px;display:flex}.studio-weight-select{width:108px}.studio-italic{font:italic 700 18px Georgia,serif}.studio-pro-label{color:#7c3aed;background:#8b5cf610;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:800}.studio-font-error{color:#ef4444;max-width:180px;font-size:10px}.studio-stage{background:radial-gradient(at 15% 20%,#b69cfa28,#0000 49%),radial-gradient(at 90% 90%,#d5b4f528,#0000 45%),#eeecf2!important}:is(.dark,[data-penje-theme=dark]) .studio-stage{background:radial-gradient(at 12% 15%,#6c00ff20,#0000 50%),radial-gradient(at 90% 85%,#a855f714,#0000 45%),#1b1725!important}.studio-left,.studio-right{background:var(--studio-panel)!important;border-color:var(--studio-line)!important}.studio-left>div:first-child{width:70px!important}.studio-left>div:nth-child(2){padding:16px 12px;width:calc(100% - 70px)!important}.studio-left>div:first-child button{border-radius:13px}.studio-right{padding:16px!important}.studio-layer-row{box-shadow:0 2px 6px #2e106503;border-radius:12px!important;padding:7px!important}.studio-layer-row:hover{box-shadow:0 3px 12px #6c00ff09}.studio-layer-thumb{border:1px solid var(--studio-line);background:repeating-conic-gradient(#8b5cf60b 0% 25%,#0000 0% 50%) 50%/10px 10px;border-radius:8px;flex-shrink:0;width:40px;height:40px}.studio-layer-grip{color:var(--studio-muted);opacity:.45;flex-shrink:0;width:10px}.studio-layer-badges{gap:3px;margin-top:3px;display:flex}.studio-layer-badges span{color:#7c3aed;background:#8b5cf610;border-radius:3px;padding:1px 4px;font-size:8px}.studio-guide{opacity:.95;box-shadow:0 0 0 .5px #fff9;background:#8b2cf5!important}.studio-footer{letter-spacing:.02em;min-height:27px;color:var(--studio-muted);border-top:1px solid var(--studio-line);background:var(--studio-panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:5px 18px;font-size:9px;display:flex}.studio-footer b{font-weight:600}.studio-footer i{background:#9b71f8;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.studio-effects{border:1px solid var(--studio-line);background:linear-gradient(140deg,#8b5cf606,#0000);border-radius:14px;margin-top:14px;padding:15px}.studio-effects h3{align-items:center;gap:7px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.studio-effects h3:not(:first-child){border-top:1px solid var(--studio-line);margin-top:15px;padding-top:16px}.studio-effect-slider{color:var(--studio-muted);margin:12px 0;font-size:10px;display:block}.studio-effect-slider>span{justify-content:space-between;gap:8px;display:flex}.studio-effect-slider output{color:var(--studio-ink);font-variant-numeric:tabular-nums;font-weight:700}.studio-effect-slider input{width:100%;height:18px;margin-top:5px;display:block}.studio-mask-shapes{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.studio-mask-shapes button{border:1px solid var(--studio-line);color:var(--studio-muted);border-radius:9px;flex-direction:column;align-items:center;gap:7px;padding:10px 1px;font-size:8px;display:flex}.studio-mask-shapes button[aria-pressed=true]{color:#7c3aed;background:#8b5cf612;border-color:#8b5cf64a}.studio-mask-shape{border:1.7px solid;width:20px;height:20px}.studio-mask-shape.circle{border-radius:50%}.studio-mask-shape.ellipse{border-radius:50%;width:24px;height:16px;margin:2px 0}.studio-mask-shape.rounded{border-radius:6px}.studio-segment{border:1px solid var(--studio-line);background:#8b5cf609;border-radius:9px;gap:2px;margin:12px 0;padding:3px;display:flex}.studio-segment button{color:var(--studio-muted);border-radius:6px;flex:1;padding:7px 5px;font-size:10px}.studio-segment button[aria-pressed=true]{background:var(--studio-panel,#fff);color:#7c3aed;font-weight:700;box-shadow:0 1px 4px #2e10650a}.studio-check{align-items:center;gap:7px;margin:14px 0;font-size:10px;display:flex}.studio-check input{accent-color:#8b5cf6}.studio-text-button{color:#7c3aed;padding:5px 0;font-size:10px;display:block}.studio-reset{border:1px solid var(--studio-line);border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:8px;font-size:10px;display:flex}.studio-effects .studio-hint{opacity:.75;margin-top:12px;font-size:9px}.studio-font-popup{--studio-line:#5e477d21;--studio-panel:#fff;--studio-ink:#251d32;--studio-muted:#756c84;z-index:10050;border:1px solid var(--studio-line);background:var(--studio-panel);width:330px;color:var(--studio-ink);border-radius:16px;flex-direction:column;padding:10px;display:flex;position:fixed;box-shadow:0 16px 65px #2e106529}:is(.dark,[data-penje-theme=dark]) .studio-font-popup{--studio-line:#cbb4ff21;--studio-panel:#1c1726;--studio-ink:#f4efff;--studio-muted:#a99fba}.studio-font-search{border:1px solid var(--studio-line);color:var(--studio-muted);border-radius:9px;align-items:center;gap:8px;padding:8px;display:flex}.studio-font-search input{width:100%;color:var(--studio-ink);background:0 0;outline:none;font-size:12px}.studio-font-popup .studio-segment{margin:9px 0}.studio-font-list{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.studio-font-option{text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;width:100%;padding:10px;display:flex}.studio-font-option:hover,.studio-font-option[aria-selected=true]{background:#8b5cf610;border-color:#8b5cf620}.studio-font-option>span{flex:1;min-width:0;font-size:19px;line-height:1.4}.studio-font-option small{opacity:.5;font-size:12px;display:block}.studio-font-option b{color:#8b5cf6;background:#8b5cf612;border-radius:4px;padding:3px 5px;font:700 9px sans-serif}.studio-font-option i{color:#8b5cf6}.studio-font-option[aria-disabled=true]{cursor:default}.studio-boot{z-index:100;background:var(--studio-panel,#fff);flex-direction:column;justify-content:center;align-items:center;transition:opacity .25s;animation:.28s studio-enter;display:flex;position:absolute;inset:0;overflow:hidden}.studio-boot.is-ready{opacity:0;pointer-events:none}.studio-boot>*{position:relative}.studio-boot .studio-boot-glow{background:radial-gradient(#8b5cf61f,#0000 65%);border-radius:50%;width:500px;height:380px;animation:2s ease-in-out infinite studio-breathe;position:absolute}.studio-boot p{color:var(--studio-muted,#756c84);text-align:center;max-width:300px;margin-top:22px;font-size:12px}.studio-boot small{color:#a99ab8;margin-top:20px;font-size:10px}.studio-boot-track{background:#8b5cf618;border-radius:5px;width:140px;height:3px;margin-top:24px;overflow:hidden}.studio-boot-track i{border-radius:inherit;background:linear-gradient(90deg,#a78bfa,#6c00ff);width:40%;height:100%;animation:1.1s ease-in-out infinite studio-loading;display:block}.studio-route-loading{height:calc(100dvh - 80px);min-height:500px}.studio-library-loading{color:#8b5cf6;justify-content:center;align-items:center;gap:8px;padding:35px 10px;font-size:11px;display:flex}.studio-spinner{border:2px solid #8b5cf625;border-top-color:#8b5cf6;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite studio-spin}@keyframes studio-loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes studio-spin{to{transform:rotate(360deg)}}@keyframes studio-breathe{50%{opacity:.5;transform:scale(1.08)}}@keyframes studio-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.editor-studio *,.studio-font-popup *{transition:none!important;animation:none!important}.studio-boot-track i{width:100%}.studio-spinner{border-color:#8b5cf6}}@media (max-width:800px){.studio-header{padding:8px!important}.studio-header>.studio-brand{display:none}.studio-tool-tabs button{padding:6px;font-size:10px}.studio-tool-tabs button svg{display:none}.studio-toolbar-main{padding:4px 7px}.studio-footer{padding:5px 9px}.studio-footer>span:first-child{display:none}.studio-font-popup{width:min(330px,100vw - 16px)}}.studio-brand-large .studio-brand-fallback{font-size:42px;line-height:56px}.studio-header-action{align-items:center;gap:7px;display:inline-flex}.studio-header-action svg{width:15px;height:15px}@media (max-width:1500px){.studio-beta-notice{display:none!important}}.editor-studio{--studio-radius:12px}.studio-header{background:color-mix(in srgb,var(--studio-panel) 96%,#bfa5f4 4%);box-shadow:0 1px 0 var(--studio-line)}.studio-toolbar-main{scrollbar-width:none;gap:3px;min-height:48px;overflow-x:auto}.studio-toolbar-main::-webkit-scrollbar{display:none}.studio-tool-tabs{gap:1px;margin-left:5px;padding-left:7px}.studio-tool-tabs button{padding:7px 8px}.studio-navigation-tools{border-left:1px solid var(--studio-line);gap:2px;margin-left:5px;padding-left:7px;display:flex}.studio-navigation-tools .studio-icon-button{min-width:30px}.studio-toolbar-controls{flex-wrap:wrap;gap:7px;min-height:52px;overflow:visible}.studio-control-group{gap:5px}.studio-mask-toolbar{position:relative}.studio-mask-popover{z-index:10010;border:1px solid var(--studio-line);background:var(--studio-panel);width:300px;max-height:calc(100dvh - 200px);color:var(--studio-ink);overscroll-behavior:contain;border-radius:17px;position:fixed;overflow-y:auto;box-shadow:0 20px 70px #2e10652b}.studio-mask-popover .studio-effects{border:0;margin:0}.studio-select-trigger{border:1px solid var(--studio-line);background:var(--studio-panel);text-align:left;min-height:34px;color:var(--studio-ink);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:11px;display:inline-flex}.studio-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-select-trigger>svg{opacity:.5;flex-shrink:0;width:13px;height:13px}.studio-select-trigger[aria-expanded=true]{border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf60a}.studio-select-popup{border-radius:15px;padding:8px}.studio-select-option{text-align:left;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:41px;padding:11px 12px;font-size:12px;display:flex}.studio-select-option:hover,.studio-select-option[aria-selected=true]{background:#8b5cf60a;border-color:#8b5cf61a}.studio-select-option[aria-selected=true]{color:#7c3aed}.studio-select-option:disabled{opacity:.4;cursor:default}.studio-select-option>span{display:block}.studio-select-option small{opacity:.5;margin-top:4px;font-size:10px;display:block}.studio-select-option svg{flex-shrink:0;width:14px;height:14px}.studio-menu-label{letter-spacing:.08em;text-transform:uppercase;color:var(--studio-muted);padding:6px 11px 8px;font-size:9px;font-weight:700}.studio-source-select{width:100%;margin-top:10px}.studio-format-select{width:100%}.studio-size-menu{max-height:calc(100dvh - 165px);overflow-y:auto}.studio-size-menu .studio-hint{margin-top:8px;font-size:9px}.studio-artboard-shell{isolation:isolate;border-radius:4px}.studio-artboard-caption{letter-spacing:.11em;color:#81758f;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;font-size:10px;font-weight:650;display:flex;position:absolute;top:-28px;left:0}.studio-artboard-surface{background-color:#fff;background-image:conic-gradient(#eeedf0 25%,transparent 0 50%,#eeedf0 0 75%,transparent 0);background-size:18px 18px;border-radius:3px;width:100%;height:100%;position:relative;overflow:hidden}.studio-artboard-surface canvas,.studio-artboard-surface .canvas-container{background:0 0!important}:is(.dark,[data-penje-theme=dark]) .studio-artboard-surface{background-color:#1a1a20;background-image:conic-gradient(#222229 25%,transparent 0 50%,#222229 0 75%,transparent 0)}:is(.dark,[data-penje-theme=dark]) .studio-artboard-caption{color:#a295b5}.studio-left>div:nth-child(2){overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.studio-left{min-width:0}.studio-library-resizer{z-index:20;cursor:col-resize;touch-action:none;outline:none;width:9px;position:absolute;top:0;bottom:0;right:-4px}.studio-library-resizer span{background:var(--studio-line);width:1px;transition:width .15s,background .15s;position:absolute;top:0;bottom:0;left:4px}.studio-library-resizer:hover span,.studio-library-resizer:focus span{background:#a78bfa;width:3px;left:3px}.studio-left .grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.studio-left [data-editor-library-panel] .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-left .studio-shape-grid{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:9px;display:grid}.studio-left .studio-shape-grid button{min-height:100px}.studio-left .studio-inline-colors .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.studio-left .studio-inline-colors .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.studio-left .studio-inline-colors .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-background-panel{border:1px solid var(--studio-line);background:linear-gradient(145deg,#8b5cf605,#0000);border-radius:16px;margin-top:16px;padding:12px}.studio-inline-colors{width:100%;color:var(--studio-ink);font-size:11px}.studio-inline-colors [role=tablist]{margin-top:0}.studio-background-sample{border:1px solid var(--studio-line);border-radius:9px;height:48px;margin:12px 0}.studio-primary,.studio-secondary{border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:8px;padding:10px 12px;font-size:11px;font-weight:650;display:flex}.studio-primary{color:#fff;background:#6c00ff}.studio-primary:hover{background:#5b16d0}.studio-secondary{border:1px solid var(--studio-line);color:var(--studio-ink);background:0 0}.studio-secondary:hover{background:#8b5cf60a}.studio-secondary.compact{width:auto;min-height:34px;margin:0;padding:7px 9px}.studio-background-panel>.studio-hint{margin-top:10px;font-size:9px}.studio-right{flex-direction:column;padding:16px 12px!important;display:flex!important;overflow:hidden!important}.studio-right>div:first-child{flex-shrink:0;padding:0 5px}.studio-layers-panel{flex-direction:column;flex:1;min-height:0;padding-top:15px;display:flex}.studio-layer-list{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:0 1px 10px;overflow-y:auto}.studio-layer-item{border:1px solid var(--studio-line);cursor:pointer;background:color-mix(in srgb,var(--studio-panel) 97%,#a78bfa 3%);align-items:center;gap:4px;margin-bottom:6px;display:flex}.studio-layer-item.is-selected{background:#8b5cf60d;border-color:#9f74f080}.studio-layer-item.is-hidden{opacity:.5}.studio-layer-copy{flex:1;min-width:0}.studio-layer-copy input{text-overflow:ellipsis;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:10px;font-weight:650}.studio-layer-copy input:focus{color:#8b5cf6}.studio-layer-copy small{opacity:.4;margin-top:3px;font-size:8px;display:block}.studio-layer-item .studio-layer-thumb{width:32px;height:32px}.studio-layer-action{width:20px;height:26px;color:var(--studio-muted);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.studio-layer-action svg{width:13px;height:13px}.studio-layer-action:hover{color:#8b5cf6;background:#8b5cf610}.studio-layer-action.danger:hover{color:#ef4444;background:#ef444410}.studio-folder{border:1px solid var(--studio-line);border-radius:12px;margin-bottom:8px;overflow:hidden}.studio-folder.is-active{border-color:#8b5cf64a}.studio-folder-head{cursor:pointer;background:#8b5cf606;align-items:center;gap:3px;min-height:43px;padding:5px;display:flex}.studio-folder-head>svg{color:#9973df;flex-shrink:0;width:17px;height:17px}.studio-folder-head input{background:0 0;outline:none;flex:1;width:0;min-width:0;font-size:10px;font-weight:650}.studio-folder-count{color:var(--studio-muted);padding:0 3px;font-size:8px}.studio-folder-chevron{width:17px;height:25px;color:var(--studio-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.studio-folder-chevron svg{width:12px;height:12px;transition:transform .16s}.studio-folder-chevron.is-open svg{transform:rotate(90deg)}.studio-folder-children{border-top:1px solid var(--studio-line);padding:6px 5px 2px 10px}.studio-folder-children .studio-layer-grip{display:none}.studio-empty-folder{text-align:center;color:var(--studio-muted);border:1px dashed var(--studio-line);border-radius:8px;margin-bottom:5px;padding:13px 8px 16px;font-size:9px}.studio-root-drop{text-align:center;color:#8b5cf6;border:1px dashed #a78bfa;border-radius:9px;margin-bottom:8px;padding:12px;font-size:10px}.is-drop-target{background:#8b5cf615;box-shadow:inset 0 2px #a78bfa}.studio-layer-empty{letter-spacing:.1em;height:160px;color:var(--studio-muted);opacity:.5;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:9px;display:flex}.studio-layer-empty svg{opacity:.6;width:28px;height:28px}.studio-layers-footer{border-top:1px solid var(--studio-line);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:7px;margin-top:10px;padding-top:12px;display:flex}.studio-layers-footer>button{height:32px;font-size:9px}.studio-layer-footer-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.studio-layer-footer-actions button{border:1px solid var(--studio-line);border-radius:8px;justify-content:center;align-items:center;width:30px;height:32px;display:flex}.studio-layer-footer-actions button:hover{color:#8b5cf6;background:#8b5cf610}.studio-layer-footer-actions button:last-child:hover{color:#ef4444}.studio-layer-footer-actions svg{width:16px;height:16px}.studio-right:has(.studio-effects){overflow-y:auto!important}.studio-right:has(.studio-layers-panel){overflow:hidden!important}@media (min-width:1280px){.studio-workspace{grid-template-columns:var(--studio-library-width,310px) minmax(0,1fr) 290px!important}}@media (max-width:1279px){.studio-right{display:none!important}}@media (max-width:800px){.studio-navigation-tools{margin-left:1px;padding-left:2px}.studio-navigation-tools .studio-icon-button{min-width:27px}.studio-tool-tabs{margin-left:3px;padding-left:3px}.studio-mask-popover{width:min(300px,100vw - 16px)}.studio-toolbar-main{gap:1px}}.studio-tool-rail{flex-direction:column;gap:24px;display:flex}.studio-templates-soon{opacity:.34;cursor:default;flex-direction:column;align-items:center;gap:6px;margin-top:auto;padding:12px 1px 4px;font-size:9px;display:flex}.studio-templates-soon small{letter-spacing:.025em;font-size:7px}.studio-templates-soon svg{width:17px;height:17px}.studio-background-pair{align-items:center;gap:4px;max-width:100%;display:flex}.studio-background-pair>button{height:32px;font-size:9px!important}.studio-background-pair>button:last-child{border:1px solid var(--studio-line);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;display:flex}.studio-background-pair>button:last-child:hover{color:#8b5cf6;background:#8b5cf610}.studio-background-pair>button:first-child{max-width:170px;gap:4px!important;padding:5px!important}.studio-background-pair>button:first-child>span:last-child{display:none}.studio-layers-footer{gap:4px}.studio-layer-footer-actions{gap:3px;margin-left:auto}.studio-layer-footer-actions button{width:26px}.studio-layers-footer svg{width:15px;height:15px}.studio-artboards-bar{background:var(--studio-panel);border-bottom:1px solid var(--studio-line);flex-shrink:0;align-items:center;gap:8px;min-height:56px;padding:9px 14px;display:flex}.studio-artboards-tabs{scrollbar-width:thin;align-items:center;gap:5px;min-width:0;display:flex;overflow-x:auto}.studio-artboards-tabs>button{white-space:nowrap;color:var(--studio-muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;font-weight:650;transition:background .15s,border-color .15s;display:flex}.studio-artboards-tabs>button small{opacity:.6;text-align:left;margin-top:2px;font-size:8px;font-weight:450;display:block}.studio-artboards-tabs>button>svg{width:17px;height:17px}.studio-artboards-tabs>button[aria-selected=true]{color:#9260dd;background:#8b5cf60e;border-color:#9b67fb40}.studio-artboards-tabs>button:hover{background:#8b5cf60a}.studio-add-artboard,.studio-board-size{border:1px solid var(--studio-line);width:31px;height:31px;color:var(--studio-muted);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.studio-add-artboard:hover,.studio-board-size:hover{color:#8b5cf6;background:#8b5cf60a;border-color:#a78bfa}.studio-add-artboard:disabled,.studio-artboards-tabs button:disabled{opacity:.35;cursor:default}.studio-artboards-count{color:var(--studio-muted);white-space:nowrap;font-size:9px}.studio-board-size{margin-left:auto}.studio-pen-overlay{z-index:30;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.studio-pen-overlay [data-kind]{cursor:move}.studio-pen-hint{text-align:center;color:var(--studio-muted);background:var(--studio-panel);border-bottom:1px solid var(--studio-line);flex-shrink:0;margin:0;padding:6px 12px;font-size:9px}.studio-export-note{color:var(--studio-muted);margin:9px 0;font-size:10px;line-height:1.55}.studio-toolbar-controls .studio-secondary{align-items:center;gap:5px;display:inline-flex}.studio-toolbar-controls .studio-select-trigger{min-width:105px}.studio-toolbar-controls button[aria-label=Sin\ color] svg{width:14px;height:14px}:is(html:has(.penje-editor-shell),body:has(.penje-editor-shell)){overscroll-behavior:none;height:100%;min-height:0;scroll-behavior:auto!important;overflow:hidden!important}body:has(.penje-editor-shell)>footer{display:none!important}.penje-editor-page{height:100dvh;min-height:0;overflow:hidden}.penje-editor-shell{overscroll-behavior:none;z-index:10;background:var(--background);width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.studio-viewport-content{min-width:0;min-height:0;display:flex;position:absolute;inset:0;overflow:hidden}.studio-viewport-content>.editor-studio{flex:1;width:100%;height:100%;max-height:100%;padding-top:7px;overflow:hidden;min-height:0!important}.studio-workspace{min-width:0;min-height:0;overflow:hidden}.studio-workspace>div{min-width:0;min-height:0}.studio-left,.studio-right,.studio-layer-list,[data-editor-library-panel],.studio-tool-rail{overscroll-behavior:contain;scrollbar-width:thin}.studio-stage{overscroll-behavior:none;touch-action:none;isolation:isolate;min-height:0}.studio-toolbar-main{overscroll-behavior:contain;scrollbar-width:thin;overflow-x:auto}.studio-toolbar-main>*{flex-shrink:0}.studio-navigation-edge{z-index:1301;height:7px;position:absolute;top:0;left:0;right:0}.studio-navigation-handle{background:color-mix(in srgb,var(--background) 94%,#8b5cf6 6%);cursor:pointer;border:1px solid #a78bfa24;border-top:0;border-radius:0 0 9px 9px;justify-content:center;align-items:center;width:60px;height:13px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.studio-navigation-handle>span{background:#a78bfa88;border-radius:5px;width:26px;height:3px}.studio-navigation-handle:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.studio-site-navigation{opacity:0;visibility:hidden;pointer-events:none;z-index:1300;filter:drop-shadow(0 14px 22px #130a2825);transition:transform .2s,opacity .18s,visibility .2s;position:absolute;top:0;left:0;right:0;transform:translateY(calc(-100% - 24px))}.studio-site-navigation.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.studio-site-navigation>header{position:relative!important;top:auto!important}.studio-navigation-close{color:#9b71e8;background:var(--surface,var(--background));border:1px solid #a78bfa38;border-top:0;border-radius:0 0 9px 9px;justify-content:center;align-items:center;width:42px;height:20px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.studio-legal-toggle{z-index:4;color:#9b71e8;border:1px solid #a78bfa60;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font:italic 600 10px Georgia,serif;display:flex;position:absolute;bottom:4px;left:10px}.editor-studio>.studio-footer{padding-left:38px}.studio-info-backdrop{z-index:1000;background:0 0;position:absolute;inset:0}.studio-info-panel{z-index:1001;background:var(--surface,var(--background));min-width:230px;color:var(--foreground);border:1px solid #a78bfa30;border-radius:14px;flex-direction:column;gap:3px;padding:15px;font-size:11px;display:flex;position:absolute;bottom:32px;left:10px;box-shadow:0 15px 50px #1e103830}.studio-info-panel strong{margin-bottom:8px;font-size:12px}.studio-info-panel a,.studio-info-panel button{text-align:left;border-radius:6px;padding:8px 6px}.studio-info-panel a:hover,.studio-info-panel button:hover{color:#9b71e8;background:#8b5cf610}.studio-select-sample{flex-shrink:0;align-items:center;display:inline-flex!important}.studio-select-option.has-sample{gap:7px}.studio-select-option.has-sample>span:first-child{white-space:nowrap;flex:1;font-size:11px}.studio-select-option.has-sample .studio-brush-sample{flex-shrink:0;width:95px;height:29px}.studio-select-check-space{flex-shrink:0;width:14px}.studio-brush-select .studio-select-sample .studio-brush-sample{width:58px;height:24px}.studio-brush-select{gap:9px;min-width:193px!important}.studio-brush-select>span:first-child{flex:1}.studio-brush-sample{overflow:visible}@media (max-height:700px){.studio-header{min-height:55px!important;padding-top:5px!important;padding-bottom:5px!important}.studio-toolbar-main{min-height:40px}.studio-toolbar-controls{min-height:44px;padding-top:4px;padding-bottom:4px}.studio-artboards-bar{min-height:47px;padding-top:5px;padding-bottom:5px}.studio-footer{min-height:24px;padding-top:3px;padding-bottom:3px}.studio-stage{padding:26px 20px 16px!important}.studio-editor-ad{margin-top:5px!important;margin-bottom:5px!important}.studio-editor-ad>p{display:none}}@media (prefers-reduced-motion:reduce){.studio-site-navigation{transition:none}}@media (max-width:600px){.studio-header-action{gap:0!important;padding:8px!important;font-size:0!important}.studio-header-action svg{width:16px;height:16px}}@media (max-width:800px){.studio-header .studio-brand{display:none}.studio-header>div:first-child{gap:8px!important}}.studio-project-trigger{border:1px solid var(--studio-line,#8b5cf633);background:var(--studio-surface,#fff);white-space:nowrap;border-radius:12px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;font-weight:650;display:inline-flex}.studio-project-trigger b,.studio-project-dialog h2 b{color:#fff;background:#6c00ff;border-radius:5px;padding:3px 5px;font-size:8px}.studio-project-trigger i{background:#9b67fb;border-radius:50%;width:5px;height:5px}:is(.dark,[data-penje-theme=dark]) .studio-project-trigger{color:#eee;background:#22222b}.studio-paper-preview{background:#8b5cf60c;border-radius:7px;place-items:center;width:40px;height:36px;display:grid}.studio-paper-preview i{background:#9b67fb18;border:1.5px solid #9b67fb;border-radius:2px;min-width:8px;min-height:8px;display:block;box-shadow:2px 2px #9b67fb17}.studio-rulers{z-index:35;pointer-events:none;position:absolute;inset:0}.studio-ruler-x,.studio-ruler-y{stroke:#a397b3;stroke-width:.7px;background:#f8f7fbeb;position:absolute;top:0;left:0}.studio-ruler-y{height:calc(100% - 22px);top:22px}.studio-rulers text{fill:#746383;stroke:none;font:8px system-ui}:is(.dark,[data-penje-theme=dark]) .studio-ruler-x,:is(.dark,[data-penje-theme=dark]) .studio-ruler-y{stroke:#776886;background:#22222bef}:is(.dark,[data-penje-theme=dark]) .studio-rulers text{fill:#b8a3c7}.studio-eraser-overlay{z-index:22;cursor:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.studio-text-panel{z-index:10040;flex-direction:column;gap:13px;width:310px;max-height:min(480px,100dvh - 16px);padding:18px;display:flex;position:fixed;overflow-y:auto}.studio-text-panel strong{font-size:12px}.studio-text-panel>label,.studio-smooth-panel>label{align-items:center;gap:7px;font-size:11px;display:flex}.studio-text-panel>label input[type=number]{background:0 0;border:1px solid #8b5cf633;border-radius:7px;width:67px;margin-left:auto;padding:7px}.studio-text-panel>label input[type=range]{accent-color:#8b5cf6;width:110px;min-width:0}.studio-text-panel small{opacity:.5;font-size:9px}.studio-text-panel hr{border-color:#8b5cf622}.studio-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10020;background:#13111d66;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.studio-project-dialog,.studio-confirm-dialog,.studio-smooth-panel{color:#292335;background:#fff;border:1px solid #a78bfa33;border-radius:22px;padding:24px;box-shadow:0 25px 100px #15102144}:is(.dark,[data-penje-theme=dark]) .studio-project-dialog,:is(.dark,[data-penje-theme=dark]) .studio-confirm-dialog,:is(.dark,[data-penje-theme=dark]) .studio-smooth-panel{color:#ece8f4;background:#1b1b23}.studio-project-dialog{width:min(640px,100%);max-height:calc(100dvh - 40px);overflow:auto}.studio-project-dialog header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.studio-project-dialog h2{align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.studio-project-dialog form label{flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.studio-project-dialog input{background:0 0;border:1px solid #a78bfa44;border-radius:10px;padding:12px;font-size:14px}.studio-project-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.studio-project-actions button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.studio-project-dialog>small{opacity:.6;font-size:10px}.studio-project-list{flex-direction:column;gap:7px;margin-top:20px;display:flex}.studio-project-list article{background:#8b5cf608;border:1px solid #a78bfa24;border-radius:13px;align-items:center;gap:11px;padding:12px;display:flex}.studio-project-list article>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.studio-project-list strong{overflow-wrap:anywhere;font-size:12px}.studio-project-list small{opacity:.5;font-size:9px}.studio-project-error{background:#f9731615;border-radius:9px;padding:12px;font-size:12px}.studio-project-confirm{border:1px solid #a78bfa44;border-radius:14px;margin-top:20px;padding:16px;font-size:13px}.studio-project-upsell{gap:16px;padding:25px 5px;font-size:13px;line-height:1.7;display:grid}.studio-project-upsell>svg{color:#9b67fb;width:32px;height:32px}.studio-confirm-dialog{width:min(420px,100%)}.studio-confirm-dialog h2{margin:15px 0 10px;font-size:17px;font-weight:650}.studio-confirm-dialog p{opacity:.65;font-size:12px}.studio-operation-shield{z-index:10080;cursor:progress;background:#17132340;place-items:center;display:grid;position:fixed;inset:0}.studio-operation-shield span{color:#fff;background:#25163e;border-radius:14px;padding:15px 25px;box-shadow:0 8px 40px #0003}.studio-smooth-backdrop{z-index:10020;background:#00000008;position:fixed;inset:0}.studio-smooth-panel{width:min(350px,100% - 24px);padding:20px;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.studio-smooth-panel h2{align-items:center;gap:8px;margin-bottom:20px;font-size:14px;font-weight:650;display:flex}.studio-smooth-panel input{accent-color:#8b5cf6;flex:1;min-width:0}.studio-context-smooth{align-items:center;gap:8px;display:flex}.studio-navigation-tools{gap:1px!important}.studio-pen-hint{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:1100px){.studio-project-trigger span{display:none}.studio-project-trigger{padding:9px}.studio-navigation-tools .studio-icon-button{width:26px;min-width:26px}.studio-toolbar-main{flex-wrap:wrap}}.studio-toolbar-main{flex-wrap:wrap}.studio-typography-tools{border-left:1px solid var(--studio-line);align-items:center;gap:2px;padding-left:7px;display:inline-flex}.studio-paragraph-actions{border:1px solid var(--studio-line);border-radius:10px;gap:5px;padding:4px;display:flex}.studio-paragraph-actions .studio-icon-button{flex:1;height:38px}.studio-text-panel .studio-select-sample{color:#9b67fb}.studio-library-density{color:var(--studio-muted);align-items:center;gap:3px;margin-bottom:12px;font-size:10px;display:flex}.studio-library-density>span{flex:1}.studio-library-density button{border:1px solid var(--studio-line);border-radius:7px;padding:5px 8px;font-size:10px}.studio-library-density button[aria-pressed=true]{color:#8b5cf6;background:#8b5cf61c;border-color:#8b5cf64a}.studio-library-grid{gap:9px;display:grid}.studio-library-card{min-width:0;position:relative}.studio-library-card>button:first-child{width:100%;min-width:0;height:100%}.studio-editor-favorite{color:#6e5b85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#fffffff2;border:1px solid #8b5cf625;border-radius:8px;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:5px;right:5px}.studio-editor-favorite svg{width:14px;height:14px}.studio-editor-favorite.is-favorite{color:#6c00ff;background:#f4ebff}.studio-favorite-error{z-index:4;color:#803b20;background:#fef3e9;border-radius:6px;padding:5px;font-size:8px;position:absolute;inset:auto 0 0}[data-library-columns="3"] .studio-library-card>button:first-child>div:last-child,[data-library-columns="4"] .studio-library-card>button:first-child>div:last-child{padding:6px}[data-library-columns="4"] .studio-library-card>button:first-child>div:last-child>div{font-size:8px}[data-library-columns="4"] .studio-library-card>button:first-child>div:last-child>div:last-child{display:none}[data-library-columns="3"] .studio-library-card span.absolute,[data-library-columns="4"] .studio-library-card span.absolute{padding:3px 4px;font-size:7px;top:4px;left:3px}[data-library-columns="4"] .studio-editor-favorite{width:21px;height:21px;top:3px;right:3px}[data-library-columns="4"] .studio-editor-favorite svg{width:12px;height:12px}.studio-elements-soon{text-align:center;background:radial-gradient(at 50% 20%,#8b5cf617,#0000 70%);border:1px dashed #a78bfa4a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:210px;margin-top:20px;padding:20px;display:flex}.studio-elements-soon>svg{color:#a78bfa;width:36px;height:36px}.studio-elements-soon strong{font-size:12px}.studio-elements-soon p{color:var(--studio-muted);font-size:11px;line-height:1.6}.studio-gradient-controls{border-top:1px solid #a78bfa22;gap:8px;margin-top:14px;padding-top:10px;display:grid}.studio-gradient-controls label{flex-wrap:wrap;align-items:center;gap:4px;font-size:10px;display:flex}.studio-gradient-controls output{color:#9b67fb;margin-left:auto}.studio-gradient-controls input{accent-color:#8b5cf6;width:100%}.studio-lasso-overlay{z-index:23;cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.studio-lasso-marching{animation:1s linear infinite penje-lasso-dash}@keyframes penje-lasso-dash{to{stroke-dashoffset:-18px}}@media (prefers-reduced-motion:reduce){.studio-lasso-marching{animation:none}}.studio-uploads{margin-top:18px}.studio-upload-drop{background:#8b5cf608;border:1px dashed #a78bfa65;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:150px;display:flex}.studio-upload-drop>svg{color:#9b67fb;width:28px;height:28px}.studio-upload-drop strong{font-size:13px}.studio-upload-drop small{color:var(--studio-muted);font-size:10px}.studio-upload-save{align-items:center;gap:7px;margin:14px 0;font-size:10px;line-height:1.5;display:flex}.studio-upload-save input{accent-color:#8b5cf6}.studio-uploads header{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.studio-uploads header h3{font-size:12px;font-weight:650}.studio-uploads .studio-hint{margin-top:9px;font-size:10px}.studio-uploads .studio-hint a{color:#9b67fb}.studio-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.studio-upload-grid article{border:1px solid var(--studio-line);background:#8b5cf606;border-radius:13px;min-width:0;position:relative;overflow:hidden}.studio-upload-grid article>button:first-child{text-align:left;flex-direction:column;width:100%;min-width:0;display:flex}.studio-upload-grid img{aspect-ratio:1;object-fit:contain;background-image:conic-gradient(#8b5cf60b 25%,transparent 0 50%,#8b5cf60b 0 75%,transparent 0);background-size:12px 12px;width:100%;padding:7px}.studio-upload-grid strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:6px 7px 0;font-size:10px;font-weight:600;overflow:hidden}.studio-upload-grid small{color:var(--studio-muted);padding:4px 7px 8px;font-size:8px}.studio-upload-delete{background:var(--studio-panel);color:var(--studio-muted);border:1px solid var(--studio-line);border-radius:7px;padding:5px;position:absolute;top:4px;right:4px}.studio-upload-delete svg{width:12px;height:12px}.studio-upload-error{background:#fb923c16;border-radius:10px;margin-top:12px;padding:10px;font-size:11px;line-height:1.6}.studio-upload-error button{color:#9b67fb;margin-left:6px;text-decoration:underline}.studio-upload-empty{text-align:center;color:var(--studio-muted);padding:25px 5px;font-size:11px;line-height:1.7}.studio-upload-confirm{z-index:10055;background:var(--studio-panel,#fff);width:min(340px,100vw - 24px);color:var(--studio-ink,#222);border:1px solid #a78bfa44;border-radius:17px;padding:22px;font-size:13px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 100px #0005}.studio-upload-confirm>div{gap:10px;margin-top:18px;display:flex}.studio-upload-confirm button{border:1px solid #a78bfa33;border-radius:9px;padding:9px 12px}.studio-upload-confirm button:last-child{color:#fff;background:#6c00ff}:is(.dark,[data-penje-theme=dark]) .studio-editor-favorite{color:#c7b9d8;background:#292231ee}:is(.dark,[data-penje-theme=dark]) .studio-editor-favorite.is-favorite{color:#c4a8ff;background:#3a245c}.studio-project-actions .studio-primary,.studio-project-actions .studio-secondary{width:auto;min-height:36px;padding:9px 14px}.studio-navigation-tools .studio-icon-button{width:26px;min-width:26px}.studio-brand img{filter:none!important;opacity:1!important}.studio-brand-fallback{letter-spacing:-1px;font-size:23px;font-weight:850;line-height:1}.studio-brand-large .studio-brand-fallback{font-size:43px}.studio-ratio-button{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.studio-ratio-button svg{width:18px;height:18px}.studio-save-trigger{gap:6px;min-height:40px;position:relative;padding:10px!important}.studio-save-trigger>svg{width:17px;height:17px}.studio-save-trigger i{position:absolute;top:3px;right:3px}.studio-project-side-host{width:100%}.studio-project-side-trigger{width:100%;min-height:75px;color:var(--studio-muted);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 3px;font-size:10px;font-weight:650;display:flex;position:relative}.studio-project-side-trigger>svg{width:21px;height:21px}.studio-project-side-trigger small{color:#9b67fb;font-size:7px;line-height:1}.studio-project-side-trigger:hover,.studio-project-side-trigger[aria-expanded=true]{color:#9b67fb;background:#8b5cf610}.studio-size-menu.studio-size-portal{isolation:isolate;width:min(340px,100vw - 16px);max-height:calc(100dvh - 100px);color:var(--studio-ink);overscroll-behavior:contain;margin:0;box-shadow:0 24px 70px #130c292b;z-index:10030!important;background:var(--studio-panel)!important;position:fixed!important}.studio-quick-effects{align-items:center;gap:4px;display:flex}.studio-quick-effect-trigger{height:32px;color:var(--studio-muted);border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:10px;display:flex}.studio-quick-effect-trigger[aria-expanded=true],.studio-quick-effect-trigger:hover{color:#9b67fb;background:#8b5cf612}.studio-quick-effect-trigger svg{width:16px;height:16px}.studio-quick-effect-trigger small{color:#9b67fb;font-size:8px}.studio-quick-effect-popup{z-index:10050;border:1px solid var(--studio-line);background:var(--studio-panel);width:260px;color:var(--studio-ink);border-radius:15px;padding:18px;position:fixed;box-shadow:0 18px 70px #1b0c3330}.studio-quick-effect-popup strong{align-items:center;gap:7px;font-size:12px;display:flex}.studio-quick-effect-popup output{color:var(--studio-muted);margin-left:auto;font-size:10px}.studio-quick-effect-popup input{accent-color:#9b67fb;width:100%;margin:18px 0 12px;display:block}.studio-quick-effect-popup button{color:#9b67fb;font-size:10px}.studio-ruler-x,.studio-ruler-y{pointer-events:auto;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;z-index:3}.studio-rulers svg text{pointer-events:none}.studio-ruler-corner{z-index:4;pointer-events:auto;background:var(--studio-panel);border-right:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);width:22px;height:22px;color:var(--studio-muted);place-items:center;display:grid;position:absolute;top:0;left:0}.studio-ruler-corner svg{width:11px;height:11px}.studio-ruler-guide{z-index:2;pointer-events:auto;touch-action:none;background:0 0;border:0;outline:none;padding:0;position:absolute;border-radius:0!important}.studio-ruler-guide.is-x{cursor:col-resize;width:9px;transform:translate(-50%)}.studio-ruler-guide.is-y{cursor:row-resize;height:9px;transform:translateY(-50%)}.studio-ruler-guide span{pointer-events:none;background:#a78bfa;display:block;position:absolute;box-shadow:0 0 0 .25px #4c1d9570}.studio-ruler-guide.is-x span{width:1px;height:100%;top:0;left:4px}.studio-ruler-guide.is-y span{width:100%;height:1px;top:4px;left:0}.studio-ruler-guide:hover span,.studio-ruler-guide.is-selected span{background:#7c3aed;box-shadow:0 0 0 .5px #c4b5fd}.studio-ruler-guide:focus-visible{outline:none!important}.studio-guide-menu{z-index:8;pointer-events:auto;background:var(--studio-panel);color:var(--studio-ink);border:1px solid var(--studio-line);border-radius:10px;padding:5px;position:absolute;box-shadow:0 12px 35px #24143628}.studio-guide-menu button{align-items:center;gap:7px;padding:8px;font-size:11px;display:flex}.studio-guide-menu svg{width:13px;height:13px}.studio-gradient-count{color:inherit;align-items:center;gap:4px;margin:10px 0;font-size:10px;display:flex}.studio-gradient-count span{flex:1}.studio-gradient-count button{border:1px solid #a78bfa30;border-radius:7px;padding:5px 9px}.studio-gradient-count button[aria-pressed=true]{color:#9b67fb;background:#8b5cf619;border-color:#a78bfa90}.studio-gradient-stops{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0 12px;display:grid}.studio-gradient-stops button{text-align:left;border:1px solid #a78bfa30;border-radius:9px;align-items:center;gap:6px;min-width:0;padding:7px;font-size:10px;display:flex}.studio-gradient-stops button[aria-pressed=true]{background:#8b5cf60a;border-color:#9b67fb}.studio-gradient-stops button>span:first-child{border:1px solid #a78bfa20;border-radius:4px;flex-shrink:0;width:18px;height:24px}.studio-gradient-stops small{opacity:.6;margin-top:3px;font-size:9px;display:block}.studio-right-stack{gap:0!important;padding:0!important;overflow:hidden!important}.studio-right-stack>.studio-right-layers{flex-direction:column;flex:0 0 var(--layers-ratio,48%);min-height:110px;padding:0 12px;display:flex;overflow:hidden}.studio-right-stack .studio-right-layers>header,.studio-right-properties>header{color:#9b67fb;border-bottom:1px solid var(--studio-line);background:var(--studio-panel);z-index:1;flex-shrink:0;align-items:center;gap:8px;min-height:43px;font-size:12px;font-weight:700;display:flex;position:sticky;top:0}.studio-right-stack .studio-layers-panel{padding-top:10px;overflow:hidden}.studio-right-properties{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:110px;padding:0 12px 18px;overflow-y:auto}.studio-right-properties .studio-effects{margin-top:12px}.studio-right-properties .studio-background-panel{max-width:100%}.studio-right-fixed-footer{background:var(--studio-panel);flex:none;padding:0 12px 12px}.studio-right-fixed-footer .studio-layers-footer{margin-top:0;padding-top:10px}.studio-panel-divider{cursor:row-resize;touch-action:none;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);background:#8b5cf606;flex:0 0 9px;justify-content:center;align-items:center;display:flex}.studio-panel-divider span{background:#a78bfa66;border-radius:10px;width:35px;height:3px}.studio-panel-divider:focus-visible{outline:1px solid #a78bfa}.studio-layer-styles{border:1px solid var(--studio-line);background:#8b5cf604;border-radius:13px;margin-top:12px;padding:13px 10px}.studio-layer-styles>h3{align-items:center;gap:7px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.studio-style-section{border-top:1px solid var(--studio-line)}.studio-style-section summary{cursor:pointer;align-items:center;gap:7px;padding:11px 0;font-size:10px;list-style:none;display:flex}.studio-style-section summary::-webkit-details-marker{display:none}.studio-style-section summary>svg{color:#9b67fb;width:14px;height:14px}.studio-style-section summary>span{flex:1}.studio-style-section summary input{accent-color:#9b67fb}.studio-style-section>div{padding:2px 0 12px}.studio-style-slider{margin:11px 0;display:block}.studio-style-slider>span{color:var(--studio-muted);justify-content:space-between;font-size:10px;display:flex}.studio-style-slider output{color:var(--studio-ink);font-size:10px}.studio-style-slider input{accent-color:#9b67fb;width:100%;margin-top:5px;display:block}.studio-project-library{flex-direction:column;gap:13px;margin-top:14px;display:flex}.studio-project-library-actions{align-items:center;gap:8px;display:flex}.studio-project-library-actions>button:first-child{flex:1}.studio-project-search{border:1px solid var(--studio-line);background:0 0;border-radius:10px;width:100%;padding:10px 12px;font-size:11px}.studio-project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.studio-project-card-grid>article{border:1px solid var(--studio-line);background:#8b5cf605;border-radius:13px;min-width:0;position:relative;overflow:hidden}.studio-project-card-grid>article.is-current{border-color:#a78bfa90}.studio-project-open-card{text-align:left;width:100%;min-width:0}.studio-project-thumbnail{background:repeating-conic-gradient(#8b5cf60b 0% 25%,#0000 0% 50%) 50%/10px 10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:110px;display:flex}.studio-project-thumbnail img{object-fit:contain;pointer-events:none;width:100%;height:100%}.studio-project-thumbnail>svg{opacity:.4;width:28px;height:28px}.studio-project-thumbnail>small{text-align:center;color:var(--studio-muted);padding:0 6px;font-size:8px;line-height:1.5}.studio-project-open-card>strong{text-overflow:ellipsis;white-space:nowrap;padding:10px 8px 2px;font-size:10px;font-weight:650;display:block;overflow:hidden}.studio-project-open-card>time{color:var(--studio-muted);padding:3px 8px 9px;font-size:8px;display:block}.studio-project-card-delete{background:var(--studio-panel);border:1px solid var(--studio-line);opacity:0;border-radius:7px;padding:5px;position:absolute;top:5px;right:5px}.studio-project-card-grid article:hover .studio-project-card-delete{opacity:1}.studio-project-card-delete:focus-visible{opacity:1}.studio-project-card-delete svg{width:12px;height:12px}.studio-project-library .studio-project-confirm{margin:0;padding:12px;font-size:11px}.studio-project-library .studio-project-confirm .studio-project-actions button{border:1px solid var(--studio-line);border-radius:8px;padding:8px}.studio-project-library .studio-project-confirm .studio-project-actions button:last-child{color:#fff;background:#6c00ff}.studio-project-save-dialog{max-width:440px}.studio-save-status{color:#9b67fb;pointer-events:none;font-size:8px;position:absolute;bottom:1px;right:10px}.studio-special-toolbar{border-bottom:1px solid var(--studio-line);background:#8b5cf608;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 13px;font-size:11px;display:flex}.studio-special-toolbar strong{margin-right:6px}.studio-special-toolbar button{border:1px solid var(--studio-line);background:var(--studio-panel);border-radius:8px;padding:7px 10px}.studio-special-toolbar button:last-child{color:#fff;background:#6c00ff;border-color:#6c00ff}.studio-toolbar-controls.is-hidden{display:none}.studio-perspective-overlay,.studio-clone-overlay{z-index:25;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.studio-perspective-overlay circle{cursor:move}.studio-clone-overlay{cursor:crosshair}.studio-clone-overlay circle,.studio-clone-overlay path{pointer-events:none}.studio-crop-overlay{z-index:24;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.studio-clone-controls{flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;display:flex}.studio-clone-controls label{align-items:center;gap:5px;display:flex}.studio-clone-controls input{accent-color:#9b67fb;width:65px}@media (hover:none){.studio-project-card-delete{opacity:1}}.studio-background-panel:has(.studio-background-action-row){margin-top:12px;padding:10px}.studio-background-action-row{align-items:center;gap:8px;min-width:0;display:flex}.studio-background-action-row>button:first-child{flex:0 auto;min-width:0;max-width:52%;height:36px;overflow:hidden}.studio-background-action-row>button:first-child>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-background-action-row>.studio-primary{flex:1;width:auto;min-width:0;min-height:36px;margin:0;padding:9px 7px;line-height:1.3}.studio-background-panel:has(.studio-background-action-row)>.studio-hint{margin-top:8px;font-size:8px;line-height:1.5}.studio-right-layers>.studio-right-fixed-footer{flex-shrink:0;padding:0 0 10px}.studio-right-stack>.studio-right-layers{min-height:155px}.studio-background-action-row>button{height:38px;min-height:38px;margin-top:0;margin-bottom:0}.studio-background-action-row>.studio-primary{white-space:nowrap;height:38px;padding:0 7px;font-size:10px}.studio-object-guides{z-index:24;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.studio-artboard-shell{will-change:transform}.studio-layer-row.is-selected{box-shadow:inset 3px 0 #8a36ed;background:#8b42ef26!important;border-color:#9556efaa!important}.studio-layer-row.is-selected .studio-layer-copy>small{color:#8154b2}:is(.dark,[data-penje-theme=dark]) .studio-layer-row.is-selected{background:#9457f43d!important;border-color:#b17dff9c!important}:is(.dark,[data-penje-theme=dark]) .studio-layer-row.is-selected .studio-layer-copy>small{color:#d1b6f3}.studio-stage.is-hand,.studio-stage.is-hand *{cursor:grab!important}.studio-stage.is-panning,.studio-stage.is-panning *{cursor:grabbing!important}.studio-stage.is-hand :is(.studio-pen-overlay,.studio-lasso-overlay,.studio-eraser-overlay,.studio-clone-overlay){pointer-events:none!important}.studio-stamp-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-stamp-options label{align-items:center;gap:6px;font-size:10px;display:flex}.studio-stamp-options input[type=range]{width:80px}.studio-stamp-sample{width:60px;height:22px;color:inherit}.studio-effects-gallery{grid-template-columns:1fr 1fr;gap:6px;margin:10px 0;display:grid}.studio-effects-gallery button{border:1px solid var(--studio-line);background:var(--studio-field);text-align:left;border-radius:11px;padding:8px;font-size:10px}.studio-effects-gallery button[aria-pressed=true]{background:#a66aff1a;border-color:#9c60f0}.studio-effect-mini{background:linear-gradient(130deg,#b99aef,#6743aa,#f5baff);border-radius:7px;height:28px;margin-bottom:5px;display:block}.studio-effect-mini.halftone{background:radial-gradient(#6e3bb4 32%,#0000 38%) 0 0/6px 6px,#d6b9ff}.studio-effect-mini.strobe{background:repeating-linear-gradient(110deg,#c5a4fb 0 9px,#59328b 9px 17px)}.studio-effect-mini.glass{background:linear-gradient(135deg,#ffffffb0,#ffffff18),linear-gradient(40deg,#6422a9,#cd9cfa);border:1px solid #d8c4ff}.studio-effect-mini.pixel{background:conic-gradient(#8d5bd0 25%,#d8beff 0 50%,#5c2f9a 0 75%,#bd7ee7 0) 0 0/14px 14px}.studio-effect-mini.vhs{background:repeating-linear-gradient(0deg,#24163388 0 1px,#0000 1px 4px),linear-gradient(90deg,#8b82d2,#e9b5d9)}.studio-effect-mini.anaglyph{background:linear-gradient(90deg,#ee4266 33%,#8066b1 33% 65%,#66d7eb 65%)}.studio-clone-unbounded{pointer-events:auto;z-index:25;overflow:visible!important}.studio-clone-unbounded foreignObject{overflow:hidden}.studio-clone-unbounded canvas{pointer-events:none;display:block}.studio-pro-badge{vertical-align:middle;color:#873be2;letter-spacing:.06em;white-space:nowrap;background:#6c00ff16;border-radius:5px;align-items:center;padding:2px 5px;font-size:8px;font-weight:800;display:inline-flex}.studio-effects-gallery .studio-pro-badge{float:right}.studio-library-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.studio-library-column>[data-editor-library-panel]{width:100%!important}.studio-editor-ad-sidebar{border-top:1px solid var(--studio-line);flex-shrink:0;width:100%;max-height:170px;margin:0;padding:8px;overflow:hidden}.studio-nobafree-panel{flex-direction:column;gap:15px;margin-top:18px;font-size:12px;line-height:1.7;display:flex}.studio-nobafree-brand{color:#308657;font-size:22px;font-weight:900}.studio-nobafree-brand small{color:var(--studio-muted);font-size:10px}.studio-nobafree-panel h3{font-size:16px;font-weight:750}.studio-nobafree-panel p{margin:0}.studio-nobafree-panel a{text-align:center;text-decoration:none}@media (max-height:760px){.studio-editor-ad-sidebar{display:none}}.studio-template-status{max-width:64px;color:var(--studio-muted);justify-content:center;align-items:center;gap:3px;font-size:8px;font-weight:600;line-height:1.4;display:flex}.studio-template-status svg{flex-shrink:0;width:10px;height:10px}.studio-tool-rail button:disabled{cursor:default}.studio-nobafree-logo{background:#fff;border:1px solid #e8e8e8;border-radius:14px;justify-content:center;align-items:center;padding:10px;display:flex}.studio-nobafree-logo img{width:100%;max-width:100%;height:auto;display:block}.studio-nobafree-partner{letter-spacing:.12em;color:var(--studio-muted);align-self:center;font-size:9px;font-weight:750}.studio-tool-rail button.studio-template-entry:disabled{opacity:1!important;color:var(--studio-muted)!important}.studio-template-entry .studio-template-status{white-space:normal;overflow-wrap:anywhere;text-align:center;flex-direction:column;gap:3px;max-width:56px;font-size:7px}.studio-path-text-panel .studio-path-text-input{align-items:start;gap:8px;display:grid}.studio-path-text-panel textarea{font:inherit;line-height:1.5}.studio-path-text-panel>strong{align-items:center;gap:8px;display:flex}.studio-path-text-panel .studio-select-trigger{width:100%}.studio-path-text-panel .studio-text-button{text-align:center;cursor:pointer;background:0 0;border:0;padding:8px}.studio-stage.is-hand .studio-path-text-overlay{cursor:grab!important}.studio-stage.is-panning .studio-path-text-overlay{cursor:grabbing!important}.studio-real-group-chevron{width:18px;height:24px;color:var(--studio-muted);border-radius:5px;flex:0 0 18px;place-items:center;display:grid}.studio-real-group-chevron svg{width:13px;height:13px;transition:transform .15s}.studio-real-group-chevron.is-open svg{transform:rotate(90deg)}.studio-real-layer-tree>.studio-layer-row{min-width:0}.studio-real-group-children{position:relative}.studio-real-group-children:before{content:"";pointer-events:none;background:#8b5cf629;width:1px;position:absolute;top:2px;bottom:5px;left:14px}.studio-group-count{color:#8b5cf6;background:#8b5cf612;border-radius:4px;margin-left:6px;padding:1px 5px;display:inline-block}.studio-layer-row[data-mask-source=true] .studio-layer-thumb{border:1px dashed #8b5cf680}.studio-real-group-children .studio-layer-row{margin-top:3px}.studio-panel-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:#9b67fb;border-radius:7px;justify-content:center;align-items:center;height:18px;min-height:18px;margin:-3px 0 6px;display:flex}.studio-panel-drag-handle:active{cursor:grabbing}.studio-panel-drag-handle:hover{background:#8b5cf612}.studio-panel-drag-handle span{opacity:.55;background:currentColor;border-radius:9px;width:30px;height:3px}.studio-panel-drag-handle:focus-visible{outline-offset:2px;outline:2px solid #9b67fb}.studio-real-layer-tree .studio-layer-row.is-nested{background:color-mix(in srgb,var(--studio-panel) 92%,#8b5cf6);gap:5px;min-height:45px;padding-block:4px}.studio-layer-row.is-nested .studio-layer-thumb{border-radius:6px;width:27px;height:27px}.studio-layer-row.is-nested .studio-layer-copy input{font-size:10px}.studio-layer-row.is-nested .studio-layer-copy small{font-size:8px}.studio-layer-row.is-nested .studio-layer-action{padding:4px}.studio-layer-row.is-nested .studio-layer-action svg{width:12px;height:12px}.studio-real-group-children{border-left:1px solid #9b67fb30;margin-left:9px}.studio-nobafree-panel .studio-nobafree-action{border:1px solid #a9da09;box-shadow:0 5px 18px #b9f40015;color:#182100!important;background:#b9f400!important}.studio-nobafree-panel .studio-nobafree-action:hover{background:#cdfb41!important}.studio-real-layer-tree .studio-layer-row.is-nested.is-selected{background:#6c00ff30;border-color:#8b5cf6aa}.studio-text-designs{border-top:1px solid var(--studio-line);padding-top:15px}.studio-text-designs>header{justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.studio-text-designs>header span{color:var(--studio-muted);font-size:10px}.studio-text-design-grid{grid-template-columns:1fr;gap:10px;margin-top:12px;display:grid}.studio-text-design-grid>button{border:1px solid var(--studio-line);text-align:left;background:#f9f7f3;border-radius:13px;min-width:0;transition:border-color .18s,transform .18s;overflow:hidden}.studio-text-design-grid>button:hover{border-color:#9b67fb;transform:translateY(-1px)}:is(.studio-text-design-grid>button:focus-visible,.studio-craft-grid>button:focus-visible){outline-offset:2px;outline:2px solid #9b67fb}.studio-text-design-grid>button svg{width:100%;height:auto;display:block}.studio-text-design-grid>button small{letter-spacing:.05em;color:#81768b;padding:5px 12px 9px;font-size:9px;display:block}.studio-text-design-grid>button:disabled{opacity:.5;cursor:wait}.studio-craft-library{padding-top:14px}.studio-craft-library h3{font-size:13px;font-weight:700}.studio-craft-tabs{flex-wrap:wrap;gap:5px;margin:15px 0;display:flex}.studio-craft-tabs button{border:1px solid var(--studio-line);color:var(--studio-muted);border-radius:20px;padding:6px 9px;font-size:9px}.studio-craft-tabs button[aria-pressed=true]{color:#9b67fb;background:#8b5cf61a;border-color:#9b67fb80}.studio-craft-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.studio-craft-grid>button{border:1px solid var(--studio-line);background:#8b5cf604;border-radius:12px;min-width:0;padding:10px 5px;transition:background .18s,border-color .18s}.studio-craft-grid>button:hover{background:#8b5cf610;border-color:#9b67fb80}.studio-craft-grid svg{width:100%;height:64px;display:block;overflow:visible}.studio-craft-grid small{color:var(--studio-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:8px;line-height:1.3;display:block;overflow:hidden}.studio-layer-extract:hover{background:#8b5cf61f;color:#9b67fb!important}.studio-layer-extract:disabled{opacity:.25;cursor:default}.studio-root-drop{background:#8b5cf608;flex-shrink:0;justify-content:center;align-items:center;min-height:38px;display:flex}.studio-text-fx-badge{float:right;color:#8b5cf6;letter-spacing:.08em;border:1px solid #8b5cf633;border-radius:4px;padding:1px 4px;font-size:7px}.studio-eyedropper-overlay{z-index:20000;cursor:crosshair;touch-action:none;background:0 0;position:fixed;inset:0}.studio-eyedropper-hint{color:#fff;pointer-events:none;background:#241735ee;border-radius:20px;padding:10px 16px;font-size:12px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.studio-eyedropper-preview{color:#fff;pointer-events:none;background:#241735;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;font:11px monospace;display:flex;position:absolute;box-shadow:0 5px 18px #0003}.studio-eyedropper-preview i{border:1px solid #fff6;border-radius:4px;width:16px;height:16px}.studio-effect-mini.plastic,.studio-effect-mini.crystal{background:repeating-conic-gradient(#e9e7ef 0% 25%,#faf9fc 0% 50%) 0/12px 12px;border:1px solid #bcb0d9;position:relative;overflow:hidden}.studio-effect-mini.plastic:after{content:"";pointer-events:none;background:linear-gradient(135deg,#b9a1e44d 15%,#ffffffed 33%,#d3c0ed38 48%,#ffffffb3 57%,#bca0de38 65%);border-radius:9px;position:absolute;inset:4px;box-shadow:inset 1px 1px 2px #fff,inset -1px -1px 2px #8069a966}.studio-effect-mini.crystal:after{content:"";pointer-events:none;background:linear-gradient(130deg,#a8c7e338 27%,#ffffffed 29%,#c5dcea22 33%,#daeaf444 58%,#fffd 60%,#a7b6d333 64%);border:1px solid #fffd;border-radius:4px;position:absolute;inset:4px;box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 2px #7876ac88}.studio-effect-mini.plastic:after{background:linear-gradient(23deg,#0000 0 36%,#493d6455 37%,#fffe 38%,#0000 40%),linear-gradient(147deg,#0000 0 48%,#76618e55 49%,#ffffffe8 50%,#0000 52%),linear-gradient(72deg,#b9a1e42e 10%,#ffffff80 35%,#d3c0ed20 55%,#ffffff90 66%,#bca0de28 76%)}.studio-post-templates{flex-direction:column;gap:10px;padding-top:16px;display:flex}.studio-post-templates>p,.studio-post-templates>small{color:var(--studio-muted);font-size:11px;line-height:1.6}.studio-post-templates>h3,.studio-template-section h3{margin-top:15px;font-size:11px;font-weight:700}.studio-post-template{border:1px solid var(--studio-line);background:var(--studio-field);border-radius:14px;margin-bottom:6px;overflow:hidden}.studio-post-template-preview{aspect-ratio:1;width:100%;display:block;position:relative;overflow:hidden}.studio-post-template-preview img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.studio-post-template-preview:hover img{transform:scale(1.025)}.studio-post-template-preview .studio-pro-badge{position:absolute;top:9px;right:9px}.studio-post-template>div{padding:12px}.studio-post-template strong{font-size:12px;font-weight:700;display:block}.studio-post-template small{color:var(--studio-muted);margin:5px 0;font-size:9px;display:block}.studio-post-template p{color:var(--studio-muted);margin:7px 0 10px;font-size:10px;line-height:1.5}.studio-post-template .studio-secondary{justify-content:center;width:100%}.studio-template-admin{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.studio-template-admin button{color:var(--studio-muted);font-size:9px}.studio-template-admin button:hover{color:#9954ef}.studio-template-publish{background:#8b5cf609;border:1px solid #a768ed66;border-radius:13px;flex-direction:column;gap:10px;padding:12px;display:flex}.studio-template-publish h3{font-size:12px;font-weight:700}.studio-template-publish label{flex-direction:column;gap:5px;font-size:10px;display:flex}.studio-template-publish :is(input,textarea){border:1px solid var(--studio-line);background:var(--studio-panel);width:100%;color:var(--studio-ink);border-radius:7px;padding:8px;font-size:11px}.studio-template-publish p{color:var(--studio-muted);font-size:9px;line-height:1.6}.studio-template-publish>button{padding:8px;font-size:11px}.studio-template-error{background:#d88b3910;border:1px solid #d88b3944;border-radius:10px;padding:10px}.studio-template-notice{background:#8b5cf61a;border-radius:10px;padding:10px}.studio-template-section,.studio-template-pagination{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-template-section button svg{width:15px;height:15px}.studio-template-pagination{padding:10px 0;font-size:10px}.studio-template-pagination button{border:1px solid var(--studio-line);border-radius:7px;padding:7px}.studio-post-templates button:disabled{opacity:.45;cursor:default}