/* Website-only interaction layer. The extension's execution code is never loaded. */
.demo-toolbar{display:flex;align-items:center;gap:6px;min-height:39px;padding:5px 8px;border-bottom:1px solid #3a3444;flex-shrink:0;background:#211e28;position:relative;z-index:20}.demo-toolbar>.btn{font-size:10px;white-space:nowrap;padding:5px 8px}.demo-toolbar>span{font-size:9px;color:#a89ab9;flex:1}.demo-toolbar .top-menu{margin-left:auto;position:relative}.demo-toolbar .panel-menu{max-height:65vh;overflow:auto;right:0;left:auto;min-width:215px}.demo-toolbar .panel-menu button{white-space:normal}.demo-toolbar .panel-menu .submenu{position:static!important}.demo-toolbar .top-menu>button{min-width:27px;padding:4px}.web-preview .accordion{overflow:visible}.web-preview .assets-header-menu{max-height:60vh;overflow:auto;z-index:40;min-width:170px}.web-preview .assets-submenu{position:static!important;min-width:0!important;margin:6px 0;background:#24202c}.web-preview .create-blend-menu{max-height:240px;overflow:auto;min-width:170px;padding:7px;z-index:45}.create-blend-menu button{display:block;width:100%;text-align:left;font-size:11px;margin:3px 0}.create-blend-menu input{width:100%;margin-bottom:7px}.demo-dialog-host{position:fixed;inset:0;z-index:1000;background:#08070bbd;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.demo-window{width:fit-content;min-width:min(340px,100%);max-width:min(620px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;background:#25232a;border:1px solid #68606e;border-radius:11px;box-shadow:0 25px 80px #0009;font:12px Arial,sans-serif;overflow:hidden}.demo-window>header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;gap:24px;border-bottom:1px solid #413a4b;background:#2d2736;flex-shrink:0}.demo-window h2{margin:0;font-size:13px;color:#e8ddfb}.demo-window>header button{padding:0;width:25px;height:25px;min-width:25px;font-size:19px}.demo-window-body{padding:15px;overflow:auto;min-height:0;overscroll-behavior:contain}.demo-window-body>p{line-height:1.65;color:#c6bdd0;max-width:480px;margin:0 0 12px}.demo-window>footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid #413a4b;flex-shrink:0}.demo-window [data-demo-apply]{background:#594279;border-color:#9573c0}.demo-disclaimer{padding:7px 14px;font-size:9px;color:#aaa0b8;background:#1f1d24;flex-shrink:0}.demo-window input:not([type=checkbox]):not([type=radio]):not([type=range]),.demo-window select,.demo-window textarea{background:#19171e;border:1px solid #51465e;border-radius:5px;padding:7px;color:#eee;max-width:100%;font:inherit;min-width:0}.demo-window input[type=checkbox],.demo-window input[type=radio]{width:14px;height:14px;margin:0;accent-color:#a788d7;flex-shrink:0}.demo-window button{font-size:11px;cursor:pointer}.demo-window .btn{padding:6px 10px}.demo-window-body>input[type=search]{width:100%;margin-bottom:12px}.demo-field{display:flex;flex-direction:column;gap:6px;margin:0 0 13px;font-size:11px;color:#d5c9e3}.demo-field>input,.demo-field>select,.demo-field>textarea{width:100%}.demo-checks{display:flex;flex-direction:column;gap:9px;margin:7px 0 12px}.demo-checks>label{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.45}.demo-choice-row,.demo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 12px}.demo-gallery{max-width:490px}.demo-choice-row .active{background:#5c407e;border-color:#ba93e9}.demo-window details{margin:10px 0}.demo-window summary{cursor:pointer;color:#c6a5ef}.demo-window li{line-height:1.6;margin:5px 0}.demo-window .create-options{border:0;margin:0;padding:0;display:block}.demo-window .create-options-row{gap:9px 14px;margin-bottom:12px;flex-wrap:wrap}.demo-window .create-options-row label{display:flex;align-items:center;gap:5px;font-size:11px}.demo-window .create-options-atlayer .atlayer-group{display:flex;align-items:center;gap:5px}.demo-window .create-layer-index{width:54px!important}.demo-window .create-blend-dropdown{min-width:160px}.demo-window .create-blend-menu{position:relative;width:100%;margin-top:6px}.demo-window-body>.modal,.demo-window-body>.quickadd-sort-dialog,.demo-window-body>.fixed-gradient-dialog{position:static!important;display:block!important;transform:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;box-shadow:none!important;border:0!important;padding:0!important;background:transparent!important}.demo-window .modal-title{font-size:12px;margin:0 0 12px}.demo-window .modal-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.demo-window .modal-row{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.demo-window .modal-x-btn{display:none}.demo-window .quickadd-sort-body{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.demo-window .quickadd-sort-note{grid-column:1/-1}.demo-window #fixedGradientPreview{height:95px;background:linear-gradient(90deg,#9d6aed,#3cdae0);border-radius:7px}.demo-window input[type=color]{min-width:38px;min-height:28px}.demo-color-square{width:min(300px,65vw);aspect-ratio:1.4;position:relative;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--hue,#8500ff);border-radius:5px;border:1px solid #555;cursor:crosshair;margin-bottom:12px}.demo-color-square i{position:absolute;left:65%;top:4%;width:12px;height:12px;border:2px solid #fff;box-shadow:0 0 2px #000;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.demo-color-row{display:flex;align-items:center;gap:12px}.demo-color-row>span{height:40px;width:45px;border:1px solid #999;border-radius:5px}.demo-color-row label{flex:1}.demo-rgb{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.demo-rgb input{width:65px}.demo-group{border:1px solid #484151;border-radius:6px;padding:9px;margin:8px 0}.demo-group summary{font-size:11px;cursor:pointer}.demo-swatches{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.demo-swatches .btn{width:34px;height:30px;padding:0;border:1px solid #888}.demo-library-item{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;gap:10px;font-size:11px;border:1px solid #453d51;border-radius:5px}.demo-blend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.demo-blend-grid button{font-size:10px;padding:7px}.demo-window .license-modal{max-width:400px!important}.demo-window .counter-row{flex-wrap:wrap}.demo-window .counter-grid{max-width:500px}
@media(max-width:550px){.demo-toolbar>span{display:none}.demo-toolbar{min-height:37px}.demo-dialog-host{padding:10px}.demo-window{max-width:100%;max-height:calc(100dvh - 20px);min-width:0;width:100%}.demo-window-body{padding:12px}.demo-window>header{padding:10px 12px}.demo-window .quickadd-sort-body{grid-template-columns:1fr}.demo-gallery{grid-template-columns:1fr 1fr}.demo-gallery .btn{font-size:10px;padding:9px 5px}.demo-window .create-options-row{gap:11px}.demo-disclaimer{font-size:8px}.demo-window .modal,.demo-window .fixed-gradient-row{max-width:100%;flex-wrap:wrap}.demo-window .modal-actions button{min-width:0}.demo-window [style*="min-width: 400"]{min-width:0!important}}
.demo-ring-host{position:fixed;inset:0;z-index:800;background:#080a10bc;display:grid;place-items:center;padding:14px;backdrop-filter:blur(3px)}.demo-ring-window{width:min(440px,100%);max-height:calc(100dvh - 28px);overflow:auto;background:#141820;border:1px solid #46526b;border-radius:12px;box-shadow:0 22px 75px #000a;padding:12px;color:#e8edf7;font:12px 'Segoe UI',Arial,sans-serif}.demo-ring-window>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.demo-ring-window>header span{font-size:9px;color:#939fb7;letter-spacing:1px}.demo-ring-window>header b{font-weight:500;color:#e8edf7;margin-left:6px;letter-spacing:0}.demo-ring-window button{border:1px solid #343e50;border-radius:6px;background:#202532;color:#dce5f7;padding:6px 9px;cursor:pointer;font:inherit}.demo-ring-window button:hover{background:#2a364c;border-color:#739bff}.demo-ring-window button:focus-visible{outline:2px solid #739bff;outline-offset:2px}.demo-ring-window>header button{font-size:20px;padding:0 7px}.demo-ring-stage{width:100%;max-width:410px;margin:auto}.demo-ring-disc{position:relative;aspect-ratio:1;width:calc(100% * min(var(--ring-scale),1));margin:auto}.demo-ring-disc>svg{position:absolute;inset:0;width:100%;height:100%}.demo-ring-disc path{fill:#202532;stroke:#343e50;stroke-width:1;cursor:pointer}.demo-ring-disc path:hover{fill:#2a364c;stroke:#739bff}.demo-ring-action{position:absolute;transform:translate(-50%,-50%);width:23%;height:23%;background:none!important;border:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:3px!important;text-align:center;font-size:10px!important;line-height:1.25!important}.demo-ring-action>span:not(.demo-ring-glyph){font-weight:600;max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-ring-action small{font-size:8px;color:#939fb7}.demo-ring-action:hover{color:#a9c5ff;background:#739bff18!important}.demo-ring-glyph{display:grid;place-items:center;width:28px;height:28px;background:#191f2b;border-radius:7px;color:#739bff;font-size:21px}.demo-ring-hub{position:absolute;inset:29%;border-radius:50%;border:1px solid #739bff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;gap:8px;background:#141820;text-align:center}.demo-ring-hub>span{font-size:7px;letter-spacing:1px;color:#939fb7}.demo-ring-hub>strong{font-size:12px;font-weight:500;line-height:1.3}.demo-ring-hub>div{display:flex;gap:5px}.demo-ring-hub button{width:27px;height:25px;padding:0;font-size:16px}.demo-ring-hint{font-size:10px;line-height:1.5;color:#a8b6cd;min-height:31px;margin:9px 4px}.demo-ring-window>footer{display:flex;justify-content:space-between;gap:7px;border-top:1px solid #293242;padding-top:10px}.demo-ring-window>footer button{font-size:10px;padding:7px}.demo-ring-window [aria-pressed=true]{background:#344c7e;border-color:#739bff}.demo-ring-note{font-size:9px;display:block;color:#939fb7;text-align:center;margin:10px 0 2px}.demo-ring-navigation{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:3px}.demo-ring-navigation span{font-size:10px;color:#939fb7}.demo-ring-navigation button{padding:0;width:26px;height:22px;font-size:18px}.demo-ring-navigation button:disabled{opacity:.35;cursor:default}.demo-ring-swatch{display:block;width:34px;height:30px;border-radius:6px;border:1px solid #c4cce055}.demo-ring-anchor{display:grid;grid-template-columns:repeat(3,1fr);width:32px;height:32px;gap:3px}.demo-ring-anchor>i{border:1px solid #739bff;background:#222c40;border-radius:1px}.demo-ring-anchor>i.chosen{background:#739bff}.demo-ring-catalog{max-height:270px;overflow:auto;display:grid;gap:5px}.demo-ring-catalog>button{border:1px solid #494152;border-radius:6px;padding:10px;background:#282330;color:#ddd;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left}.demo-ring-catalog small{font-size:9px;color:#b5a5c8}.demo-ring-catalog>button.active{border-color:#9172be;background:#3d2c54}
@media(max-width:550px){.demo-ring-host{padding:10px}.demo-ring-window{padding:10px;max-height:calc(100dvh - 20px)}.demo-ring-action{font-size:9px!important}.demo-ring-hub>strong{font-size:11px}.demo-ring-glyph{width:25px;height:25px;font-size:17px}.demo-ring-hint{font-size:9px}}
.demo-grab-color{display:flex;align-items:center;gap:12px;font-size:12px}.demo-grab-color span{width:32px;height:26px;border:1px solid #9995;border-radius:4px}.demo-window .quickadd-sort-checks{grid-column:1/-1}.web-preview #modelOptions,.web-preview #effortOptions{display:grid;gap:5px}.web-preview .model-menu{bottom:calc(100% + 8px);max-height:280px;overflow:auto}.web-preview .model-menu button{text-align:left;font-size:11px}.web-preview .model-menu .hint{font-size:10px;line-height:1.5;white-space:normal}.web-preview .top-menu .panel-submenu{position:static!important}.web-preview .counter-gradient-group.disabled{opacity:1}.demo-window .modal-row input{max-width:170px}
.web-preview .panel-submenu.hidden{display:none!important}
.demo-window-body>div[style*="width:min"]{width:100%!important;max-height:none!important;box-shadow:none!important;border:0!important;background:transparent!important}.demo-window .fixed-gradient-head,.demo-window .quickadd-sort-head{display:none}.demo-window .fixed-gradient-modal,.demo-window .quickadd-sort-modal{max-width:100%;min-width:0;width:auto}.web-preview #colorsHexLivePreview{cursor:pointer}
body.web-preview #preview-panel .assets-submenu[hidden],body.web-preview #preview-panel .assets-submenu.hidden,body.web-preview .demo-toolbar .panel-menu .panel-submenu[hidden],body.web-preview .demo-toolbar .panel-menu .panel-submenu.hidden{display:none!important}
.web-preview #preview-panel>section.accordion{position:relative}
.demo-ring-disc.dense .demo-ring-action{width:18%;height:18%;font-size:9px!important}.demo-ring-disc.dense .demo-ring-glyph{width:23px;height:23px;font-size:17px}.demo-window .create-effects-picker-btn{white-space:normal;overflow:visible;text-overflow:clip;height:auto;min-height:28px;line-height:1.4}.demo-ring-window button,.demo-window button{-webkit-tap-highlight-color:transparent}
/* All collapsible sections use the same explicit disclosure state. */
.web-preview .accordion-head[data-demo-disclosure]{cursor:pointer}.web-preview .accordion-head[data-demo-disclosure]>span{transition:transform .12s}.web-preview .accordion-head[aria-expanded=false]>span{transform:rotate(-90deg)}
body.web-preview #preview-panel .accordion-body[hidden],body.web-preview #preview-panel .safezone-fold-body[hidden]{display:none!important}
.web-preview .safezone-fold-body,.web-preview .safezone-preset-grid,.web-preview .safezone-variant-grid{min-width:0}.web-preview .safezone-tool-preset{white-space:normal}.web-preview .safezone-manage-title{min-width:0;overflow-wrap:anywhere}.web-preview #szLivePreviewCanvas{display:block;max-width:100%;height:auto}.web-preview .safezone-manage-row{flex-wrap:wrap}.web-preview .safezone-manage-row .safezone-manage-title{flex:1 1 120px}.web-preview .safezone-tool-preset.active{outline:1px solid #d9a72a;outline-offset:-1px}.web-preview .safezone-variant-item{display:flex;align-items:center;gap:7px;padding:6px;font-size:11px}.web-preview .safezone-preset-name{white-space:normal!important}.web-preview [data-demo-disclosure]:focus-visible{outline:2px solid #bc92f7;outline-offset:2px}
/* Align preview chrome and all close icons independently of native button baselines. */
.web-preview .demo-toolbar{height:40px;min-height:40px;max-height:40px;background:#22222b;gap:6px;overflow:visible}.web-preview .demo-toolbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-preview .demo-toolbar .top-menu{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;height:28px!important;min-height:28px!important;flex:0 0 auto;margin:0 0 0 auto!important;gap:4px!important;top:auto!important;right:auto!important;left:auto!important}.web-preview .demo-toolbar .menu-btn{position:static!important;inset:auto!important;display:grid;place-items:center;line-height:1;margin:0}.web-preview .demo-toolbar .panel-menu{position:absolute!important;left:auto!important;right:0!important;top:34px!important;width:230px;max-width:calc(100vw - 24px);z-index:100}.web-preview .demo-toolbar .notifications-btn{display:grid;place-items:center;line-height:1;margin:0}.web-preview .demo-toolbar .top-menu>button{flex-shrink:0}
.web-preview .demo-window>header>.demo-icon-button,.web-preview .demo-window .demo-icon-button,.web-preview .demo-ring-window [data-ring-close]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;padding:0!important;line-height:1!important;flex:0 0 28px;vertical-align:middle}.web-preview .demo-icon-button svg,.web-preview .demo-ring-window [data-ring-close] svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;margin:0;flex:none}.demo-window>header{min-height:49px;gap:12px}.demo-window h2{line-height:1.5;min-width:0}.demo-window-body{scrollbar-gutter:stable;overflow-anchor:none}.demo-ring-window{overflow-anchor:none}.demo-ring-hint{height:44px;min-height:44px;max-height:44px;overflow:auto;overscroll-behavior:contain}.demo-ring-navigation{height:24px;min-height:24px}.demo-window>footer{align-items:center}.demo-window .create-options-row input[type=checkbox]{margin:0;vertical-align:middle}.demo-window .demo-choice-row .btn,.demo-window .demo-gallery .btn{display:flex;align-items:center;justify-content:center;line-height:1.45}
@media(max-width:550px){.web-preview .demo-toolbar{height:38px;min-height:38px;max-height:38px}.web-preview .demo-toolbar>span{display:none}.demo-window>header{min-height:47px}.demo-ring-hint{height:44px;min-height:44px}}
.demo-ring-window{background:#1e1e1e;border-color:#394456;font-family:'Segoe UI',Arial,sans-serif}.demo-ring-stage{max-width:none}.demo-ring-disc{width:100%}.demo-ring-disc path{fill:#202631;stroke:#415066;stroke-width:.65}.demo-ring-action,.demo-ring-disc.dense .demo-ring-action{width:19%;height:17%;font-size:11px!important;gap:3px}.demo-ring-action>small{position:absolute;left:8px;top:-5px;color:#8ba5cc;font-size:9px}.demo-ring-glyph,.demo-ring-disc.dense .demo-ring-glyph{width:29px;height:29px;background:#1b222b;color:#91b8d4}.demo-ring-glyph svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.demo-ring-action>em{font-style:normal;font-size:11px;color:#93bbf6;line-height:1}.demo-ring-hub{inset:29%;background:#151a22;border-color:#7297f7;gap:7px;padding:6px}.demo-ring-hub>i{font-size:25px;letter-spacing:-4px;font-weight:300;font-style:normal;color:#7297f7}.demo-ring-hub>span{font-size:10px;letter-spacing:.2px;color:#8fa5c7}.demo-ring-hub>strong{font-size:14px}.demo-ring-hub>div{gap:4px}.demo-ring-hub button{display:grid;place-items:center;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;padding:4px!important}.demo-ring-hub button svg{width:15px!important;height:15px!important;fill:none;stroke:currentColor;stroke-width:1.5}.demo-ring-time{font-size:10px;text-align:center;background:#151a22;color:#90afd9;padding:5px;margin:8px 2px}.demo-ring-hub button:focus-visible,.demo-ring-action:focus-visible{outline-offset:0}.demo-ring-window footer{align-items:center}
@media(max-width:550px){.demo-ring-action,.demo-ring-disc.dense .demo-ring-action{font-size:9px!important}.demo-ring-glyph,.demo-ring-disc.dense .demo-ring-glyph{width:24px;height:24px}.demo-ring-glyph svg{width:19px;height:19px}.demo-ring-hub{gap:4px}.demo-ring-hub>span{font-size:7px}.demo-ring-hub>strong{font-size:11px}.demo-ring-hub button{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important}.demo-ring-time{font-size:8px}.demo-ring-action>small{font-size:7px}}


.web-preview .demo-ring-window .demo-ring-hub [data-ring-close]{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important}@media(max-width:550px){.web-preview .demo-ring-window .demo-ring-hub [data-ring-close]{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;max-width:19px!important;max-height:19px!important}}