@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Anton&family=Bebas+Neue&family=Poppins:wght@400;600;700&family=Playfair+Display:wght@400;600;700&family=Caveat:wght@400;700&family=Pacifico&display=swap";:root{color:#20251f;font-synthesis:none;background:#e9ece7;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{background:#eef0ec;flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:1000;background:#fff;border-bottom:1px solid #dfe3dc;flex:0 0 68px;justify-content:flex-start;align-items:center;gap:6px;width:100%;min-width:0;height:68px;padding:0 18px;display:flex;position:relative;overflow:visible}.brand{flex:none;align-items:center;gap:10px;min-width:190px;display:flex}.brand-mark{color:#fff;background:#194f34;border-radius:11px;place-items:center;width:36px;height:36px;font:800 19px Manrope;display:grid;box-shadow:inset 0 -3px #103a25}.brand div:last-child{line-height:1.05;display:grid}.brand strong{letter-spacing:-.03em;font:800 16px Manrope}.brand span{color:#879086;margin-top:3px;font-size:11px}.top-actions{flex:none;align-items:center;gap:5px;min-width:0;margin-left:auto;display:flex}.history-control{position:relative}.history-popover{z-index:30;background:#fff;border:1px solid #d7dcd5;border-radius:14px;width:310px;position:absolute;top:43px;right:0;overflow:hidden;box-shadow:0 18px 55px #28342b2b}.history-head{border-bottom:1px solid #eaede8;justify-content:space-between;align-items:center;height:58px;padding:0 12px 0 15px;display:flex}.history-head>div{gap:2px;display:grid}.history-head strong{font:700 12px Manrope}.history-head small{color:#929990;font-size:9px}.history-head>button{cursor:pointer;background:0 0;border:0;border-radius:7px;width:28px;height:28px;padding:0}.history-head>button:hover{background:#f0f2ee}.history-head svg{width:14px}.history-list{max-height:380px;padding:7px;overflow-y:auto}.history-list>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:13px 1fr;align-items:center;gap:7px;width:100%;min-height:48px;padding:7px 9px;display:grid}.history-list>button:hover{background:#f6f8f5}.history-list>button.current{background:#edf7f0;border-color:#bcd8c4}.history-list>button>span:last-child{gap:2px;display:grid}.history-list strong{font-size:10px}.history-list small{color:#919990;font-size:8px}.history-dot{border:2px solid #8f978e;border-radius:50%;width:8px;height:8px}.history-list .current .history-dot{background:#43a66b;border-color:#286b46}.separator{background:#e3e6e0;width:1px;height:24px;margin:0 6px}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}.icon-button svg{width:17px;height:17px}.icon-button:hover:not(:disabled),.icon-button.active{color:#1d6540;background:#edf5ef}.icon-button:disabled{opacity:.32;cursor:default}.text-button,.export-button{cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.text-button:hover{background:#f1f3ef}.text-button.active{color:#5d4fcb;background:#f0edff}.guide-delete-top{color:#c03f58}.text-button svg,.export-button svg{width:16px}.export-button{color:#fff;background:#1d5b3b;margin-left:4px;padding-inline:15px;box-shadow:0 2px 5px #17472f33}.export-button:hover{background:#174b31}.workspace{grid-template-columns:74px var(--left-width,236px) 1fr var(--right-width,340px);flex:1;min-height:0;display:grid;position:relative}.rail{z-index:4;background:#fff;border-right:1px solid #dfe3dc;flex-direction:column;gap:4px;height:calc(100vh - 68px);padding:8px 6px;display:flex}.rail button{color:#5c645b;cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;gap:3px;width:100%;height:60px;padding:0;display:grid}.rail button svg{width:20px;height:20px}.rail button small{font-size:9px;font-weight:700}.rail button:hover{background:#f2f5f1}.rail button.active{color:#fff;background:#1d5b3b}.left-panel,.right-panel{overscroll-behavior:contain;z-index:3;background:#fff;height:calc(100vh - 68px);min-height:0;overflow-x:hidden}.left-panel{flex-direction:column;display:flex;overflow:hidden}.left-panel.collapsed{border-right:0;width:0;min-width:0;overflow:hidden}.left-panel-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-width:0;min-height:0;padding:4px 12px 14px;overflow-y:auto}.panel-note{color:#929a91;margin:2px 0 12px;font-size:10px;line-height:1.5}.upload-button{color:#fff;cursor:pointer;background:#1d5b3b;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.upload-button:hover{background:#174b31}.upload-button svg{width:15px}.upload-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.upload-tile{background:#fff;border:1px solid #dfe4dd;border-radius:9px;position:relative;overflow:hidden}.upload-preview{aspect-ratio:1;cursor:pointer;background:#edf0eb;border:0;width:100%;padding:0;display:block}.upload-preview img{object-fit:cover;width:100%;height:100%;display:block}.upload-remove{color:#fff;cursor:pointer;background:#181d19b8;border:0;border-radius:6px;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:4px;right:4px}.upload-remove svg{width:11px}.page-background-control{background:#fafbf9;border:1px solid #dfe4dd;border-radius:12px;margin-bottom:12px;padding:11px}.page-background-head{align-items:center;gap:9px;margin-bottom:10px;display:flex}.page-background-head>span{color:#5d4fcb;background:#ece9ff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.page-background-head svg{width:16px}.page-background-head>div{gap:1px;min-width:0;display:grid}.page-background-head strong{color:#3f4840;font-size:11px}.page-background-head small{color:#929a91;font-size:8px}.page-background-field{margin-bottom:9px}.page-background-field input{color:#414841;background:#fff;border:1px solid #dfe3dc;border-radius:7px;outline:none;min-width:0;height:32px;font-size:10px}.page-background-field input[type=color]{padding:3px}.page-background-field input:not([type=color]){padding:0 8px}.page-background-field input:focus{border-color:#69a67f;box-shadow:0 0 0 2px #69a67f1f}.page-color-swatches{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.page-color-swatches button{aspect-ratio:1;background:var(--swatch);cursor:pointer;border:2px solid #fff;border-radius:7px;min-width:0;padding:0;box-shadow:0 0 0 1px #d6dbd4}.page-color-swatches button:hover{box-shadow:0 0 0 2px #aaa2e6}.page-color-swatches button.active{box-shadow:0 0 0 2px #6859d1}.page-cards{gap:6px;display:grid}.page-cards>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e6e0;border-radius:9px;grid-template-columns:24px 1fr;align-items:center;gap:8px;min-height:42px;padding:6px 8px;display:grid}.page-cards>button.active{background:#eaf5ed;border-color:#91b9a0}.page-cards>button.template-drop{border-color:#6c5ce7;box-shadow:inset 0 -3px 0 -1px #6c5ce7,0 0 0 2px #6c5ce71f}.page-cards>button>span:first-child{background:#fff;border:1px solid #cfd5cd;border-radius:5px;place-items:center;width:24px;height:28px;font-size:9px;font-weight:800;display:grid}.page-cards>button>span:last-child{gap:1px;min-width:0;display:grid}.page-cards strong{font-size:11px}.page-cards small{color:#929a91;font-size:8px}.page-card-add{color:#1d5b3b;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:700;grid-template-columns:1fr!important;display:flex!important}.page-card-add svg{width:13px}.panel-expand{cursor:pointer;background:#fff;border:0;place-items:center;gap:10px;width:100%;height:100%;padding:12px 0;display:grid}.panel-expand span{writing-mode:vertical-rl;letter-spacing:.06em;text-transform:uppercase;color:#697168;font:700 11px Manrope}.panel-expand svg{width:16px}.panel-expand:hover{background:#f5f7f3}.right-panel{flex-direction:column;display:flex;position:relative;overflow:hidden}.rail-resizer{z-index:6;cursor:col-resize;touch-action:none;width:9px;position:absolute;top:0;bottom:0;left:-3px}.rail-resizer:after{content:"";background:0 0;border-radius:3px;width:3px;transition:background .15s;position:absolute;top:0;bottom:0;left:3px}.rail-resizer:hover:after,.rail-resizer:active:after{background:#6c5ce7}.left-panel::-webkit-scrollbar{width:7px}.inspector-scroll::-webkit-scrollbar{width:7px}.layers-list::-webkit-scrollbar{width:7px}.page-body::-webkit-scrollbar{width:7px}.left-panel::-webkit-scrollbar-track{background:#f5f6f3}.inspector-scroll::-webkit-scrollbar-track{background:#f5f6f3}.layers-list::-webkit-scrollbar-track{background:#f5f6f3}.page-body::-webkit-scrollbar-track{background:#f5f6f3}.left-panel::-webkit-scrollbar-thumb{background:#c7cdc5;border:2px solid #f5f6f3;border-radius:10px}.inspector-scroll::-webkit-scrollbar-thumb{background:#c7cdc5;border:2px solid #f5f6f3;border-radius:10px}.layers-list::-webkit-scrollbar-thumb{background:#c7cdc5;border:2px solid #f5f6f3;border-radius:10px}.page-body::-webkit-scrollbar-thumb{background:#c7cdc5;border:2px solid #f5f6f3;border-radius:10px}.left-panel{border-right:1px solid #dfe3dc}.right-panel{border-left:1px solid #dfe3dc}.panel-head{letter-spacing:.04em;text-transform:uppercase;color:#697168;flex:none;justify-content:space-between;align-items:center;height:52px;padding:0 12px;font:700 12px Manrope;display:flex}.panel-breadcrumb{color:#505950;min-width:0;height:34px;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;margin-left:-7px;padding:0 8px 0 4px;display:flex}.panel-breadcrumb:hover{color:#1d6540;background:#edf5ef}.panel-breadcrumb svg{flex:none;width:16px;height:16px}.panel-breadcrumb span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.right-panel .panel-head{border-bottom:1px solid #edf0eb;flex:none;padding:0 14px}.right-panel-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.section-splitter{cursor:row-resize;touch-action:none;background:#fff;flex:none;place-items:center;height:9px;display:grid}.section-splitter>span{background:#dde1da;border-radius:3px;width:34px;height:3px}.section-splitter:hover>span,.section-splitter:active>span{background:#6c5ce7}.insert-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e7e1;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:10px;display:flex}.insert-card:hover{background:#f7fbf8;border-color:#91bca1;transform:translateY(-1px)}.insert-card>span{color:#255e3f;background:#eef5ef;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.insert-card svg{width:18px}.insert-card div{gap:2px;display:grid}.insert-card>div{flex:1;min-width:0}.insert-card .asset-drag-grip{color:#a2aaa1;flex:none;width:15px}.insert-card strong{font-size:13px}.insert-card small{color:#92998f;font-size:10px}.photo-library{border-top:1px solid #e6e9e4;margin:17px 0 4px;padding-top:14px}.photo-library-head{color:#596159;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:34px;padding:0;font:700 11px Manrope;display:flex}.photo-library-head:hover{color:#275f40}.photo-head-meta{align-items:center;gap:5px;display:flex}.photo-head-meta>svg{width:14px;height:14px}.photo-library-head small{background:#eef1ed;border-radius:11px;place-items:center;min-width:21px;height:21px;font-size:9px;display:grid}.photo-library-body>p{color:#969d95;margin:4px 0 10px;font-size:9px}.template-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.template-tile{cursor:pointer;text-align:left;background:#fff;border:1px solid #dfe4dd;border-radius:10px;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}.template-tile:hover:not(:disabled){border-color:#6c5ce7;transform:translateY(-1px);box-shadow:0 6px 14px #181d1914}.template-tile.active{border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce71f}.template-tile:disabled{cursor:progress;opacity:.72}.template-tile.busy{opacity:1}.template-thumb{aspect-ratio:.773;background:#edf0eb;width:100%;display:block}.template-thumb img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.template-caption{border-top:1px solid #edf0eb;padding:6px 7px 7px;display:block}.template-caption strong{color:#20251f;font-size:9px;line-height:1.35;display:block}.template-caption small{color:#7b8478;margin-top:2px;font-size:8px;display:block}.template-tile-blank{border-style:dashed}.template-tile-blank:hover{border-style:solid}.template-thumb.blank{color:#4b7a53;background:#f7f9f6;place-items:center;display:grid}.template-thumb.blank svg{width:22px;height:22px}.template-tile{position:relative}.template-tile .asset-drag-grip{color:#6b7569;opacity:0;background:#ffffffd9;border-radius:5px;width:13px;height:13px;padding:2px;transition:opacity .15s;position:absolute;top:5px;right:5px}.template-tile:hover .asset-drag-grip{opacity:1}.template-choice-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12181333;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.template-choice{background:#fff;border:1px solid #e2e7e0;border-radius:15px;width:min(430px,100%);overflow:hidden;box-shadow:0 24px 60px #10160f2e}.template-choice-head{border-bottom:1px solid #eef1ec;align-items:flex-start;gap:11px;padding:14px 13px;display:flex}.template-choice-thumb{background:#edf0eb;border:1px solid #e2e7e0;border-radius:7px;flex:none;width:46px;height:60px;overflow:hidden}.template-choice-thumb img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.template-choice-head strong{color:#1b211a;font-size:13px;display:block}.template-choice-head small{color:#76806f;margin-top:3px;font-size:11px;line-height:1.45;display:block}.template-choice-actions{gap:8px;padding:13px;display:grid}.template-choice-actions button{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e7e0;border-radius:11px;align-items:center;gap:10px;padding:11px 12px;transition:border-color .15s,background .15s;display:flex}.template-choice-actions button:hover{background:#fbfaff;border-color:#6c5ce7}.template-choice-actions button svg{color:#2f6b41;flex:none;width:17px;height:17px}.template-choice-actions strong{color:#1b211a;font-size:12px;display:block}.template-choice-actions small{color:#7b8478;margin-top:2px;font-size:10.5px;line-height:1.4;display:block}.template-choice-primary{background:#f6faf5!important;border-color:#cdd8ca!important}.photo-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.photo-tile{background:#fff;border:1px solid #dfe4dd;border-radius:9px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.photo-tile.selected{border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce71f}.photo-preview{aspect-ratio:1.18;cursor:pointer;background:#edf0eb;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:100%;display:block}.photo-preview span{color:#fff;background:#181d19b8;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;font-weight:700;display:grid;position:absolute;top:5px;left:5px}.photo-replace{color:#275f40;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf0eb;justify-content:center;align-items:center;gap:4px;width:100%;height:27px;font-size:8px;font-weight:700;display:flex}.photo-replace:hover{background:#edf7f0}.photo-replace svg{width:11px}.tip{color:#646557;background:#f7f4e8;border-radius:11px;gap:9px;margin-top:15px;padding:11px;font-size:10px;line-height:1.5;display:flex}.tip svg{color:#a68417;flex:none;width:16px;height:16px}.tip p{margin:0}.canvas-column{background:#e8ebe6;flex-direction:column;min-width:0;height:calc(100vh - 68px);min-height:0;display:flex}.context-bar{background:#fff;border-bottom:1px solid #dfe3dc;flex-wrap:wrap;flex:none;align-items:center;gap:6px;min-height:52px;padding:7px 12px;display:flex}.crop-context-title{color:#313831;align-items:center;gap:9px;min-width:178px;display:flex}.crop-context-title>svg{color:#6c5ce7;width:19px}.crop-context-title>span{gap:1px;display:grid}.crop-context-title strong{font:800 11px Manrope}.crop-context-title small{color:#8c948b;white-space:nowrap;font-size:8px}.crop-zoom-control{background:#fff;border:1px solid #dfe3dc;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 9px;display:flex}.crop-zoom-control svg{color:#666e66;width:14px}.crop-zoom-control input{accent-color:#6c5ce7;width:104px}.crop-zoom-control span{color:#596159;text-align:right;width:33px;font-size:9px;font-weight:700}.crop-cancel,.crop-done{cursor:pointer;border-radius:9px;height:34px;padding:0 13px;font-size:10px;font-weight:800}.crop-cancel{color:#535b53;background:#fff;border:1px solid #d8ddd6}.crop-cancel:hover{background:#f2f4f1}.crop-done{color:#fff;background:#1d6540;border:1px solid #1d6540;align-items:center;gap:5px;display:flex}.crop-done:hover{background:#174f32}.crop-done svg{width:13px}.group-context-bar{background:#fbfcfa}.group-context-title{align-items:center;gap:9px;min-width:190px;display:flex}.group-context-title>svg{color:#5f50d8;width:20px}.group-context-title>span{gap:1px;display:grid}.group-context-title strong{font:800 11px Manrope}.group-context-title small{color:#8c948b;font-size:8px}.font-picker{position:relative}.font-trigger{cursor:pointer;background:#fff;border:1px solid #dfe3dc;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;min-width:150px;max-width:190px;height:34px;padding:0 8px 0 11px;font-size:12px;display:flex}.font-trigger>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.font-trigger svg{color:#7d857c;flex:none;width:14px}.font-trigger:hover{border-color:#aaa2e6}.font-menu{z-index:30;background:#fff;border:1px solid #d9ddd7;border-radius:12px;width:258px;padding:8px;position:absolute;top:40px;left:0;box-shadow:0 16px 44px #26332a2e}.font-menu>input{background:#fafbf9;border:1px solid #dfe3dc;border-radius:8px;outline:none;width:100%;height:32px;margin-bottom:6px;padding:0 9px;font-size:11px}.font-menu>input:focus{border-color:#69a67f}.font-list{gap:2px;max-height:288px;display:grid;overflow-y:auto}.font-list p{color:#969d95;margin:8px 4px;font-size:10px}.font-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:9px;width:100%;min-height:40px;padding:5px 8px;display:grid}.font-list>button:hover{background:#f4f2ff}.font-list>button.active{background:#efecff;box-shadow:inset 0 0 0 1px #b9b0ee}.font-list>button>span:first-child{background:#f1f3ef;border-radius:6px;place-items:center;height:28px;font-size:15px;display:grid}.font-list>button>span:last-child{min-width:0;display:grid}.font-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.font-list small{color:#949c93;font-size:9px}.gradient-presets{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:4px;display:grid}.gradient-presets button{cursor:pointer;border:1px solid #00000014;border-radius:7px;height:26px}.gradient-presets button:hover{outline-offset:1px;outline:2px solid #6c5ce7}.vector-colors{gap:6px;margin-bottom:9px;display:grid}.vector-color{cursor:pointer;grid-template-columns:34px 1fr;align-items:center;gap:9px;display:grid}.vector-color input{background:#fff;border:1px solid #dfe3dc;border-radius:7px;width:34px;height:30px;padding:3px}.vector-color span{min-width:0;display:grid}.vector-color strong{text-transform:uppercase;font-size:10px}.vector-color small{color:#98a096;font-size:8px}.cb-stepper{background:#fff;border:1px solid #dfe3dc;border-radius:9px;grid-template-columns:26px 46px 26px;align-items:center;height:34px;display:grid;overflow:hidden}.cb-stepper button{color:#4d554c;cursor:pointer;background:0 0;border:0;height:32px;padding:0;font-size:15px;line-height:1}.cb-stepper button:hover{color:#5d4fcb;background:#f2effe}.cb-stepper input{text-align:center;-moz-appearance:textfield;background:0 0;border:0;outline:none;width:100%;min-width:0;height:32px;padding:0;font-size:12px}.cb-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.cb-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.cb-color{position:relative}.cb-swatch{cursor:pointer;background:#fff;border:1px solid #dfe3dc;border-radius:9px;place-items:center;width:34px;height:34px;padding:4px;display:grid}.cb-swatch span{border:1px solid #00000018;border-radius:6px;width:100%;height:100%;display:block}.quick-palette{z-index:30;background:#fff;border:1px solid #d9ddd7;border-radius:12px;grid-template-columns:repeat(6,1fr);gap:6px;width:196px;padding:8px;display:grid;position:absolute;top:40px;left:0;box-shadow:0 14px 40px #26332a2e}.quick-palette>button{cursor:pointer;border:1px solid #00000014;border-radius:7px;width:24px;height:24px}.quick-palette>button:hover{outline-offset:1px;outline:2px solid #6c5ce7}.quick-custom{color:#5d655c;cursor:pointer;grid-column:1/-1;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.quick-custom input{background:#fff;border:1px solid #dfe3dc;border-radius:6px;width:30px;height:24px;padding:2px}.cb-toggle{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;min-width:34px;height:34px;padding:0 8px;font-size:13px}.cb-toggle:hover{background:#f1f3ef}.cb-toggle.on{color:#5d4fcb;background:#f1edff;border-color:#bfb5f2}.cb-toggle svg{vertical-align:middle;width:16px}.cb-text{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:12px;font-weight:600;display:flex}.cb-text:hover{background:#f1f3ef}.cb-text:disabled,.cb-icon:disabled{opacity:.35;cursor:not-allowed}.cb-text:disabled:hover,.cb-icon:disabled:hover{color:inherit;background:0 0}.cb-text.on{color:#5d4fcb;background:#f1edff;border-color:#bfb5f2}.cb-text svg{width:15px}.cb-icon{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.cb-icon:hover{background:#f1f3ef}.cb-icon.danger:hover{color:#fff;background:#c7445d}.cb-icon svg{width:16px}.cb-divider{background:#e3e6e0;width:1px;height:22px;margin:0 3px}.cb-spacer{flex:1}.cb-slider{color:#7a827a;align-items:center;gap:7px;padding:0 6px;font-size:10px;display:flex}.cb-slider input{accent-color:#6c5ce7;width:84px}.menu-title{color:#929a91;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;padding:6px 9px 8px;font:700 9px Manrope;overflow:hidden}.layer-context-menu button small{color:#9aa298;margin-left:auto;font-size:9px}.layer-context-menu button:hover:not(:disabled) small{color:#ffffffb8}.shape-section{margin-bottom:14px}.shape-head{color:#596159;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:7px;font:700 10px Manrope;display:flex}.shape-head small{background:#eef1ed;border-radius:10px;place-items:center;min-width:20px;height:20px;font-size:9px;display:grid}.shape-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.shape-grid button{aspect-ratio:1;color:#303a31;cursor:pointer;background:#fff;border:1px solid #e4e7e2;border-radius:10px;place-items:center;padding:8px;display:grid}.shape-grid button:hover{color:#5d4fcb;background:#f7f5ff;border-color:#aaa2e6}.shape-grid svg{width:100%;height:100%}.layer-search.element-search{border-radius:10px;width:100%;min-width:0;height:40px;margin:0 0 14px;padding:0 32px 0 11px;font-size:11px;display:block}.element-folder-grid{align-content:start;gap:10px;min-width:0;display:grid}.element-folder-card{color:#3d463e;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:13px;grid-template-columns:58px minmax(0,1fr) 17px;align-items:center;gap:10px;width:100%;min-width:0;min-height:76px;padding:9px;transition:border-color .15s,background .15s,transform .15s;display:grid}.element-folder-card:hover{background:#f7fbf8;border-color:#91bca1;transform:translateY(-1px)}.element-folder-card.compact{grid-template-columns:48px minmax(0,1fr) 17px;min-height:66px}.element-folder-card>svg{color:#969e96;width:16px}.element-folder-copy{gap:3px;min-width:0;display:grid}.element-folder-copy strong{white-space:nowrap;text-overflow:ellipsis;color:#283129;font-size:13px;overflow:hidden}.element-folder-copy small{color:#8d958d;font-size:9px;line-height:1.35}.element-folder-art{color:#fff;border-radius:12px;place-items:center;width:58px;height:52px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff70,0 5px 13px #2946321b}.element-folder-card.compact .element-folder-art{border-radius:10px;width:48px;height:46px}.element-folder-art.shapes-art{background:linear-gradient(145deg,#72d9cf,#148b91)}.element-folder-art.shapes-art svg{filter:drop-shadow(0 2px 3px #124b4b3d);width:25px;height:25px;position:absolute}.element-folder-art.shapes-art svg:first-child{fill:#80e3dc;top:7px;left:7px}.element-folder-art.shapes-art svg:nth-child(2){fill:#ff6dcc;stroke:none;bottom:7px;right:6px;transform:rotate(12deg)}.element-folder-art.shapes-art>span{color:#092f31;letter-spacing:1px;font-size:14px;position:absolute;bottom:1px;left:8px}.element-folder-art.graphics-art{background:linear-gradient(145deg,#8a7cf0,#5c4cc5)}.element-folder-art.graphics-art svg{width:25px;height:25px}.element-library-note{margin:4px 2px 0}.element-empty-folder{text-transform:capitalize;margin-top:2px}.asset-drag-source{-webkit-user-select:none;user-select:none;cursor:grab!important}.asset-drag-source:active{cursor:grabbing!important}.asset-dragging .page-shell .stage-wrap{transition:filter .14s}.asset-drop-target .stage-wrap{filter:drop-shadow(0 0 7px #6c5ce766)}.asset-drop-indicator{z-index:25;pointer-events:none;background:#6c5ce719;border:3px solid #6c5ce7;border-radius:3px;place-items:center;display:grid;position:absolute;box-shadow:inset 0 0 0 3px #fffa}.asset-drop-indicator>span{color:#fff;text-align:center;background:#5f50d8e8;border-radius:10px;align-items:center;gap:7px;max-width:80%;padding:9px 13px;font:800 11px Manrope;display:flex;box-shadow:0 8px 24px #372b8040}.asset-drop-indicator svg{width:15px}.asset-frame-drop-hint{z-index:25;color:#fff;pointer-events:none;white-space:nowrap;background:#5f50d8ed;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font:800 10.5px Manrope;display:flex;position:absolute;top:calc(22px + 3%);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #372b8040}.asset-frame-drop-hint svg{width:14px;height:14px}.canvas-area{background-color:#e8ebe6;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-scroll{overscroll-behavior:contain;background-image:radial-gradient(#cfd5cc 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;overflow:auto}.canvas-area.with-rulers .canvas-scroll{inset:22px 0 0 22px}.canvas-stack{justify-items:center;gap:0;width:max-content;min-width:100%;padding:16px 40px 90px;display:grid}.page-shell{justify-items:center;display:grid;position:relative}.page-tag{z-index:4;white-space:nowrap;color:#6d756c;opacity:.75;border-radius:8px;justify-self:center;align-items:center;gap:7px;width:max-content;min-width:0;height:26px;padding:0 6px;font-size:10px;display:flex;position:relative}.page-shell:hover .page-tag,.page-shell.active .page-tag{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#eef1ecdd}.page-shell.active .page-tag{color:#1d5b3b;opacity:1}.page-tag>span:first-child{background:#dde3db;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:8px;font-weight:800;display:grid}.page-shell.active .page-tag>span:first-child{color:#fff;background:#1d5b3b}.page-tag input{width:120px;height:22px;color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;flex:0 0 120px;padding:0 6px;font:700 11px Manrope}.page-tag input:hover{background:#fff;border-color:#d7dcd5}.page-tag input:focus{background:#fff;border-color:#6c5ce7}.page-tag small{color:#9aa298;white-space:nowrap;flex:none;font-size:9px}.page-tag button{color:#798178;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 22px;place-items:center;width:22px;height:22px;padding:0;display:grid}.page-tag button:hover:not(:disabled){color:#5d4fcb;background:#efedfd}.page-tag button:disabled{opacity:.3;cursor:default}.page-tag svg{width:12px}.selection-toolbar{z-index:7;background:#fff;border:1px solid #dfe3dc;border-radius:12px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 30px #26332a2e}.selection-toolbar button{color:#414841;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;min-width:32px;height:32px;padding:0 8px;font-size:11px;font-weight:700;display:flex}.selection-toolbar button:hover{background:#f1f3ef}.selection-toolbar button.danger:hover{color:#fff;background:#c7445d}.selection-toolbar svg{width:15px}.text-editor{z-index:9;outline-offset:3px;white-space:pre-wrap;overflow-wrap:break-word;caret-color:#6c5ce7;cursor:text;background:0 0;border-radius:2px;outline:2px solid #6c5ce7;margin:0;padding:0;position:absolute}.text-editor:focus{outline-color:#6c5ce7}.edit-on-canvas{color:#5a4cc0;cursor:pointer;background:#f7f5ff;border:1px solid #cfc6f5;border-radius:9px;align-items:center;gap:8px;width:100%;height:38px;margin-bottom:11px;padding:0 11px;font-size:11px;font-weight:700;display:flex}.edit-on-canvas:hover{background:#efecff}.edit-on-canvas svg{width:14px}.edit-on-canvas small{color:#9a92c9;margin-left:auto;font-size:9px;font-weight:600}.effect-swatches{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.effect-swatches button{cursor:pointer;border:1px solid #00000014;border-radius:6px;height:22px}.effect-swatches button:hover{outline-offset:1px;outline:2px solid #6c5ce7}.effect-swatches.gradients{grid-template-columns:repeat(3,1fr)}.effect-swatches.gradients button{height:26px}.effect-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.effect-switch{color:#4c544c;cursor:pointer;align-items:center;gap:8px;font:700 11px Manrope;display:flex}.effect-switch input{accent-color:#6c5ce7}.quick-hint{color:#8d958c;grid-column:1/-1;margin:0 0 2px;font-size:9px}.font-upload{color:#4d554c;cursor:pointer;background:#fafbf9;border:1px dashed #c7cdc5;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:32px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.font-upload:hover{color:#5d4fcb;background:#f5f3ff;border-color:#aaa2e6}.font-upload svg{width:13px}.guide-preview{z-index:8;pointer-events:none;background:#9aa4a0;position:absolute}.guide-preview.valid{background:#00c8ff}.guide-preview.vertical{width:1px;top:22px;bottom:0}.guide-preview.horizontal{height:1px;left:22px;right:0}.guide-preview span{color:#fff;white-space:nowrap;background:#1f2a22e6;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute}.guide-preview.vertical span{left:6px;transform:translateY(-50%)}.guide-preview.horizontal span{top:6px;transform:translate(-50%)}.guide-preview:not(.valid) span{background:#7c857fe6}.add-page-control{background:#f7f8fa;border:1.5px solid #8d939d;border-radius:11px;grid-template-columns:1fr 48px;width:min(100%,520px);height:48px;margin-top:16px;display:grid;position:relative;box-shadow:0 2px 7px #34403910}.add-page-control>button{cursor:pointer;background:0 0;border:0}.add-page-main{justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.add-page-main svg{width:17px}.add-page-more{place-items:center;display:grid;border-left:1px solid #8d939d!important}.add-page-more svg{width:17px}.add-page-control>button:hover{background:#eceef2}.add-page-main:hover{border-radius:10px 0 0 10px}.add-page-more:hover{border-radius:0 10px 10px 0}.page-menu{z-index:10;background:#fff;border:1px solid #d4d8d2;border-radius:10px;width:210px;padding:6px;position:absolute;bottom:55px;right:0;box-shadow:0 13px 35px #28342b29}.page-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;height:34px;padding:0 9px;font-size:10px;display:flex}.page-menu button:hover:not(:disabled){color:#fff;background:#6658cc}.page-menu button:disabled{opacity:.35;cursor:default}.page-menu svg{width:14px}.stage-wrap{position:relative}.stage-wrap canvas{display:block}.ruler-corner{color:#778078;z-index:6;background:#f7f8f5;border-bottom:1px solid #d5dad3;border-right:1px solid #d5dad3;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:0;left:0}.ruler-corner svg{width:11px}.ruler{color:#6f776f;-webkit-user-select:none;user-select:none;touch-action:none;z-index:5;background-color:#f7f8f5;position:absolute;overflow:hidden}.horizontal-ruler{cursor:ns-resize;border-bottom:1px solid #d5dad3;height:22px;top:0;left:22px;right:0}.vertical-ruler{cursor:ew-resize;border-right:1px solid #d5dad3;width:22px;top:22px;bottom:0;left:0}.ruler>span{pointer-events:none;font-size:8px;line-height:1;position:absolute}.horizontal-ruler>span{border-left:1px solid #b3bab2;height:16px;padding-left:3px;top:6px}.vertical-ruler>span{border-top:1px solid #b3bab2;width:16px;padding-top:3px;left:6px}.zoom-controls{z-index:6;background:#fff;border:1px solid #dce1da;border-radius:11px;align-items:center;padding:4px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #33423620}.zoom-value{cursor:pointer;background:0 0;border:0;width:55px;font-size:11px;font-weight:600}.inspector,.layers-panel,.page-settings{border-bottom:1px solid #e6e9e4;padding:14px}.accordion-panel{background:#fff;min-height:46px;padding:0;overflow:hidden}.accordion-panel.closed{flex:0 0 46px}.accordion-panel.open{flex-direction:column;flex:1 1 0;min-height:132px;display:flex}.accordion-header{color:#4c544c;cursor:pointer;background:#fff;border:0;flex:0 0 46px;justify-content:space-between;align-items:center;width:100%;height:46px;padding:0 14px;font:700 12px Manrope;display:flex}.accordion-header:hover{background:#f7f8f5}.accordion-header.disabled{color:#969d95;cursor:default}.accordion-header.disabled:hover{background:#fff}.accordion-header>span:first-child,.accordion-meta{align-items:center;gap:7px;display:flex}.accordion-header svg{width:15px;height:15px}.accordion-meta>small{background:#eef1ed;border-radius:12px;place-items:center;min-width:23px;height:23px;padding:0 5px;font-size:9px;display:grid}.inspector-scroll,.page-body{overscroll-behavior:contain;flex:1;min-height:0;padding:12px 14px 14px;overflow-y:auto}.layers-body{flex-direction:column;flex:1;min-height:0;padding:10px 8px 0 14px;display:flex}.page-selector{background:#fafbf9;border:1px solid #dfe3dc;border-radius:9px;flex:none;margin:0 0 7px;padding:6px}.page-selector-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.page-selector-head strong{color:#697168;text-transform:uppercase;letter-spacing:.06em;font:700 9px Manrope}.page-selector-head button{cursor:pointer;background:#fff;border:1px solid #d8ddd6;border-radius:5px;align-items:center;gap:3px;height:21px;padding:0 6px;font-size:8px;font-weight:700;display:flex}.page-selector-head svg{width:10px}.page-tabs{gap:4px;padding-bottom:2px;display:flex;overflow:auto hidden}.page-tabs>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:0 0 116px;grid-template-columns:22px 1fr;align-items:center;gap:5px;min-width:0;min-height:34px;padding:3px 5px;display:grid}.page-tabs>button:hover{background:#f0f3ef}.page-tabs>button.active{background:#eaf5ed;border-color:#91b9a0}.page-tabs>button>span:first-child{color:#667067;background:#fff;border:1px solid #cfd5cd;border-radius:4px;place-items:center;width:22px;height:25px;font-size:8px;font-weight:800;display:grid}.page-tabs>button>span:last-child{gap:1px;min-width:0;display:grid}.page-tabs strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.page-tabs small{color:#929a91;font-size:7px}.active-page-actions{grid-template-columns:1fr 62px;gap:4px;margin-top:4px;display:grid}.active-page-actions button{cursor:pointer;background:#fff;border:1px solid #d9ddd7;border-radius:5px;justify-content:center;align-items:center;gap:3px;height:23px;font-size:7px;display:flex}.active-page-actions button:hover:not(:disabled){color:#5d4fcb;background:#f4f1ff;border-color:#aaa2e6}.active-page-actions button:disabled{opacity:.35;cursor:default}.active-page-actions svg{width:11px}.section-title{color:#4c544c;justify-content:space-between;align-items:center;margin-bottom:13px;font:700 12px Manrope;display:flex}.section-title>span{align-items:center;gap:7px;display:flex}.section-title svg{width:15px}.section-title small{background:#eef1ed;border-radius:10px;place-items:center;min-width:21px;height:21px;font-size:10px;display:grid}.type-pill{text-transform:uppercase;letter-spacing:.05em;color:#31704c;background:#e8f4eb;border-radius:10px;padding:4px 7px;font-size:8px}.selected-object-header{background:#f8f9f7;border:1px solid #e0e3de;border-radius:9px;align-items:center;gap:9px;margin-bottom:12px;padding:9px;display:flex}.selected-object-header>span{color:#5e50c7;background:#ece9ff;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.selected-object-header svg{width:15px}.selected-object-header>div{min-width:0;display:grid}.selected-object-header strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.selected-object-header small{color:#8e968c;text-transform:capitalize;font-size:8px}.empty-state{text-align:center;color:#99a096;border:1px dashed #d6dbd3;border-radius:12px;justify-items:center;gap:5px;padding:22px 12px;display:grid}.empty-state svg{width:25px}.empty-state strong{color:#656d64;font-size:12px}.empty-state p{margin:0;font-size:10px}.field{gap:5px;min-width:0;display:grid}.field>span{color:#858d84;text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:600}.field.wide{margin-bottom:11px}.field input,.field textarea,.field select{color:#333a33;resize:vertical;background:#fafbf9;border:1px solid #dfe3dc;border-radius:7px;outline:none;width:100%;padding:7px 8px;font-size:11px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#69a67f;box-shadow:0 0 0 2px #69a67f1f}.field-grid{grid-template-columns:1.5fr .65fr;gap:8px;margin-bottom:11px;display:grid}.field-grid.three{grid-template-columns:repeat(3,1fr)}.field input:disabled{opacity:.55;cursor:not-allowed}.mini-actions{grid-template-columns:1fr 1fr;gap:3px;display:grid}.mini-actions button{cursor:pointer;background:#fafbf9;border:1px solid #dfe3dc;border-radius:6px;height:31px;padding:0}.mini-actions button:hover{color:#5d4fcb;border-color:#aaa2e6}.mini-actions svg{vertical-align:middle;width:13px}.align-actions{grid-template-columns:1fr 1fr;gap:6px;margin:-2px 0 12px;display:grid}.align-actions button{cursor:pointer;background:#fff;border:1px solid #dfe3dc;border-radius:7px;height:29px;font-size:9px}.align-actions button:hover{color:#5e50c7;background:#f4f1ff;border-color:#b8b0eb}.button-row{gap:5px;margin-bottom:11px;display:flex}.button-row button{cursor:pointer;background:#fafbf9;border:1px solid #dfe3dc;border-radius:6px;flex:1;height:29px;font-size:10px}.button-row button.selected{color:#1f6741;background:#edf7f0;border-color:#82b594}.button-row svg{vertical-align:middle;width:14px}.text-format-row{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:11px;display:grid}.text-format-row button{cursor:pointer;background:#fff;border:1px solid #dfe3dc;border-radius:6px;min-width:0;height:31px;padding:0;font-size:11px}.text-format-row button.selected{color:#5f4ed0;background:#f0edff;border-color:#a9a0e4}.text-format-row svg{vertical-align:middle;width:13px}.text-effects-panel{background:#faf9ff;border:1px solid #ddd8f7;border-radius:11px;margin:2px 0 12px;padding:10px}.effect-presets{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;display:grid}.effect-presets button{cursor:pointer;background:#fff;border:1px solid #e0dde9;border-radius:9px;place-items:center;gap:2px;min-width:0;height:64px;padding:5px 2px;display:grid}.effect-presets button:hover,.effect-presets button.selected{background:#f1edff;border-color:#9d8ff0;box-shadow:0 0 0 1px #9d8ff033}.effect-presets small{color:#656071;font-size:7px}.effect-preview{color:#7044ef;place-items:center;height:30px;font:800 19px Arial;display:grid}.effect-preview.shadow{text-shadow:4px 4px 4px #7450aa66}.effect-preview.echo{text-shadow:4px 4px #a36cff88,8px 8px #d4b8ff99}.effect-preview.lift{text-shadow:0 7px 8px #0005}.effect-preview.outline{color:#fff;-webkit-text-stroke:1.5px #7044ef}.effect-preview.background{background:#d8c2ff;border-radius:7px;padding:2px 7px}.effect-preview.curve{letter-spacing:2px;transform:rotate(-8deg)}.effect-preview.glow{text-shadow:0 0 8px #7044ef,0 0 15px #7044efaa}.effect-settings-button{color:#5a4cc0;cursor:pointer;background:#fff;border:1px solid #cfc6f5;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;font-size:10px;font-weight:700;display:flex}.effect-settings-button:hover{background:#f1edff}.effect-settings-button.active{color:#fff;background:#6c5ce7;border-color:#6c5ce7}.effect-settings-button svg{width:13px}.effects-flyout{z-index:60;background:#fff;border:1px solid #d6d8d3;border-radius:14px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 22px 60px #24312a2e,0 2px 8px #24312a1c}.tool-flyout{z-index:90;background:#fff;border:1px solid #d6d8d3;border-radius:14px;flex-direction:column;width:320px;max-height:calc(100vh - 88px);display:flex;position:fixed;top:128px;overflow:hidden;box-shadow:0 22px 60px #24312a2e,0 2px 8px #24312a1c}.position-flyout{min-width:276px;min-height:300px}.crop-flyout{left:86px}.tool-flyout-head{background:#fafbf9;border-bottom:1px solid #e5e8e3;flex:none;justify-content:space-between;align-items:center;height:54px;padding:0 11px 0 15px;display:flex}.draggable-flyout-head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.draggable-flyout-head:active{cursor:grabbing}.tool-flyout-head>div{gap:2px;min-width:0;display:grid}.tool-flyout-head strong{font:800 13px Manrope}.tool-flyout-head small{white-space:nowrap;text-overflow:ellipsis;color:#929a91;font-size:9px;overflow:hidden}.tool-flyout-body{overscroll-behavior:contain;flex:1;min-height:0;padding:13px;overflow-y:auto}.tool-flyout-body::-webkit-scrollbar{width:7px}.tool-flyout-body::-webkit-scrollbar-thumb{background:#c7cdc5;border:2px solid #fff;border-radius:10px}.tool-group-title{color:#626a62;text-transform:uppercase;letter-spacing:.055em;align-items:center;gap:6px;margin:2px 0 8px;font:800 9px Manrope;display:flex}.tool-group-title:not(:first-child){margin-top:16px}.tool-group-title svg{width:13px}.position-fields{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.position-fields .field input{height:34px}.position-align-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.position-align-grid button,.position-order-grid button,.position-inline-actions button,.crop-mode-grid button,.crop-action-grid button{cursor:pointer;background:#fff;border:1px solid #dce0da;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:0;height:32px;font-size:9px;font-weight:700;display:flex}.position-align-grid button:hover,.position-order-grid button:hover,.position-inline-actions button:hover,.crop-mode-grid button:hover,.crop-action-grid button:hover{color:#5d4fcb;background:#f4f1ff;border-color:#aaa2e6}.position-order-grid{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.position-order-grid svg,.position-inline-actions svg,.crop-action-grid svg{width:13px}.position-inline-actions{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:10px;display:grid}.position-inline-actions button.active,.crop-mode-grid button.active,.crop-action-grid button.active{color:#196440;background:#eaf5ed;border-color:#8fb99d}.crop-mode-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:15px;display:grid}.crop-action-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:13px;display:grid}.tool-flyout-foot{background:#fafbf9;border-top:1px solid #e5e8e3;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:7px 10px 7px 13px;display:flex}.tool-flyout-foot>span{color:#8c948b;font-size:8px;line-height:1.35}.tool-flyout-foot>button{color:#fff;cursor:pointer;background:#1d6540;border:0;border-radius:8px;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:9px;font-weight:800;display:flex}.tool-flyout-foot>button:hover{background:#174f32}.tool-flyout-foot svg{width:13px}.effects-flyout-head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid #eceee9;flex:none;justify-content:space-between;align-items:center;height:50px;padding:0 8px 0 15px;display:flex}.effects-flyout-head:active{cursor:grabbing}.effects-flyout-head>div{gap:2px;min-width:0;display:grid}.effects-flyout-head strong{font:800 14px Manrope}.effects-flyout-head small{white-space:nowrap;text-overflow:ellipsis;color:#939a91;font-size:9px;overflow:hidden}.effects-flyout-body{overscroll-behavior:contain;flex:1;min-height:0;padding:12px 14px;overflow-y:auto}.effects-flyout-body::-webkit-scrollbar{width:7px}.effects-flyout-body::-webkit-scrollbar-thumb{background:#c7cdc5;border:2px solid #fff;border-radius:10px}.effects-flyout .effect-presets{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.effects-flyout-foot{border-top:1px solid #eceee9;flex:none;padding:10px 14px 12px}.remove-effect{color:#fff;cursor:pointer;background:#6c5ce7;border:0;border-radius:9px;width:100%;height:38px;font-size:12px;font-weight:700}.remove-effect:hover:not(:disabled){background:#5b4cd6}.remove-effect:disabled{opacity:.38;cursor:default}.effects-flyout-grip{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,#0000 48%,#c3c8c1 48% 60%,#0000 60% 72%,#c3c8c1 72% 84%,#0000 84%);width:18px;height:18px;position:absolute;bottom:0;right:0}.effect-controls{border-top:1px solid #e6e2f2;gap:13px;padding-top:10px;display:grid}.effect-controls input[type=range]{accent-color:#6c5ce7;height:24px;padding:2px 0}.effect-hint{color:#969d95;margin:0;font-size:10px;line-height:1.5}.effect-group-title{color:#596159;text-transform:uppercase;letter-spacing:.04em;border-top:1px solid #e6e2f2;align-items:center;gap:6px;margin-top:4px;padding-top:12px;font:700 10px Manrope;display:flex}.effect-group-title svg{width:13px}.effect-select{gap:6px;display:grid}.effect-select select{background:#fafbf9;border:1px solid #dfe3dc;border-radius:8px;outline:none;height:32px;padding:0 8px;font-size:11px}.effect-presets.image button{height:74px}.effect-presets.image .effect-preview{color:#fff;background:linear-gradient(135deg,#9d7bff,#6c5ce7);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.effect-presets.image .effect-preview svg{width:18px}.effect-presets.shape{grid-template-columns:repeat(3,1fr)}.effect-presets.shape .effect-preview{color:#fff;background:#1b5f3b;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.effect-presets.shape .effect-preview svg{width:18px}.effect-presets.shape .effect-preview.shadow{box-shadow:5px 5px 8px #11182766}.effect-presets.shape .effect-preview.glow{box-shadow:0 0 12px #7044efcc}.effect-presets.image .effect-preview.drop{box-shadow:5px 5px 8px #7450aa66}.effect-presets.image .effect-preview.glow{box-shadow:0 0 12px #7044efcc}.effect-presets.image .effect-preview.echo{box-shadow:5px 5px #b88cff99,10px 10px #d4b8ff77}.effect-presets.image .effect-preview.glitch{box-shadow:-5px 0 #00e5ffaa,5px 0 #ff2fd0aa}.effect-slider,.effect-color{gap:6px;display:grid}.corner-manager{background:#f8faf7;border:1px solid #dde1da;border-radius:10px;gap:9px;margin-top:10px;padding:10px;display:grid}.corner-manager-head{color:#596159;text-transform:uppercase;letter-spacing:.045em;justify-content:space-between;align-items:center;gap:8px;font:800 9px Manrope;display:flex}.corner-manager-head button{color:#6d756c;text-transform:none;letter-spacing:0;cursor:pointer;background:#fff;border:1px solid #d7dcd5;border-radius:7px;align-items:center;gap:5px;height:27px;padding:0 8px;font-size:8px;font-weight:800;display:flex}.corner-manager-head button.active{color:#5748c3;background:#f0edff;border-color:#aaa2e6}.corner-manager-head svg{width:11px}.corner-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.corner-grid label{color:#7d857c;gap:4px;font-size:8px;font-weight:700;display:grid}.corner-grid input{color:#333b33;background:#fff;border:1px solid #dce1da;border-radius:7px;outline:none;width:100%;height:30px;padding:0 7px;font-size:10px}.corner-grid input:focus{border-color:#796ce2;box-shadow:0 0 0 2px #796ce21c}.shape-effect-title{border-top:1px solid #e2e6df;margin-top:14px;padding-top:11px}.shape-effect-controls .corner-manager{margin-top:2px}.property-note{color:#7f877e;background:#f1f3ef;border-radius:7px;margin:8px 0 0;padding:8px;font-size:8px;line-height:1.45}.effect-slider-label{color:#4c544c;font:700 11px Manrope}.effect-slider-row{grid-template-columns:1fr 96px;align-items:center;gap:10px;display:grid}.effect-slider-row input[type=range]{width:100%}.effect-stepper{background:#fff;border:1px solid #dfe3dc;border-radius:8px;grid-template-columns:26px 1fr 26px;align-items:center;height:30px;display:grid;overflow:hidden}.effect-stepper button{color:#5d655c;cursor:pointer;background:0 0;border:0;height:28px;padding:0;font-size:14px;line-height:1}.effect-stepper button:hover{color:#5d4fcb;background:#f2effe}.effect-stepper input{text-align:center;-moz-appearance:textfield;background:0 0;border:0;outline:none;width:100%;min-width:0;height:28px;padding:0;font-size:11px}.effect-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.effect-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.effect-color .color-field input[type=text],.effect-color .color-field input:not([type=color]){background:#fafbf9;border:1px solid #dfe3dc;border-radius:7px;outline:none;height:31px;padding:0 8px;font-size:11px}.background-toggle{margin:2px 0 10px}.background-toggle label{color:#5d625d;cursor:pointer;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.background-toggle input{accent-color:#6c5ce7}.color-field{grid-template-columns:32px 1fr;gap:6px;display:grid}.color-field input[type=color]{height:31px;padding:3px}.lock-row{gap:5px;margin-top:13px;display:flex}.lock-row button,.reset-button{cursor:pointer;background:#fff;border:1px solid #dfe3dc;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:0;height:31px;padding:0 8px;font-size:9px;display:flex}.lock-row button:hover,.reset-button:hover{background:#f3f6f2}.lock-row svg,.reset-button svg{width:13px}.lock-row .danger{color:#a43c32}.lock-row button:disabled{opacity:.35;cursor:not-allowed}.replace-button{color:#1d6540;cursor:pointer;background:#eef7f0;border:1px solid #91bca1;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;margin:1px 0 10px;font-size:10px;font-weight:700;display:flex}.replace-button:hover{background:#e1f1e5}.replace-button svg{width:14px}.crop-settings,.arrange-block{background:#fafbf9;border:1px solid #e2e4df;border-radius:10px;margin:2px 0 12px;padding:10px}.subsection-title{color:#596159;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:10px;font:700 10px Manrope;display:flex}.subsection-title svg{width:14px;height:14px}.crop-settings .field-grid{margin-bottom:9px}.crop-settings input[type=range]{accent-color:#6859d1;height:24px;padding:2px 0}.adjustment-settings{background:#f8f7ff;border-color:#ddd8f7}.reset-adjustments{color:#5a4cc0;cursor:pointer;background:#fff;border:1px solid #d7d1f2;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;height:31px;font-size:9px;font-weight:700;display:flex}.reset-adjustments:hover{background:#efecff}.reset-adjustments svg{width:12px}.image-actions{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.image-actions.four{grid-template-columns:repeat(4,1fr)}.image-actions button{cursor:pointer;background:#fff;border:1px solid #dfe3dc;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-width:0;height:31px;padding:0 4px;font-size:8px;display:flex}.image-actions button.selected{color:#5c4dc6;background:#f0edff;border-color:#a9a0e4}.image-actions button:disabled{opacity:.42;cursor:default}.image-actions svg{width:12px}.segmented{background:#f4f6f2;border:1px solid #dfe3dc;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}.segmented button{color:#5b6459;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:0;height:25px;padding:0 4px;font-size:9px;transition:background .15s,color .15s}.segmented button:hover:not(.active){background:#e8ebe5}.segmented button.active{color:#3a2fa8;background:#fff;font-weight:700;box-shadow:0 1px 3px #181d1914}.arrange-block{background:#fff}.arrange-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.arrange-grid button{cursor:pointer;background:#fff;border:1px solid #d9dde2;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 9px;font-size:11px;display:flex}.arrange-grid button:hover{background:#f7f5ff;border-color:#aaa2e6}.arrange-grid svg{width:17px}.layer-search{background:#fafbf9;border:1px solid #dfe3dc;border-radius:8px;outline:none;width:100%;height:31px;margin:-3px 0 10px;padding:0 9px;font-size:10px}.layer-search:focus{border-color:#69a67f;box-shadow:0 0 0 2px #69a67f1f}.layers-list{overscroll-behavior:contain;flex:1;align-content:start;gap:5px;min-height:110px;padding-right:6px;display:grid;overflow-y:auto}.layers-list.empty{place-items:center}.layers-empty-state{color:#90988f;text-align:center;justify-items:center;gap:5px;max-width:210px;padding:18px 10px;display:grid}.layers-empty-state>svg{width:23px}.layers-empty-state strong{color:#626a62;font-size:10px}.layers-empty-state small{font-size:8px;line-height:1.45}.layers-empty-state button{color:#286844;cursor:pointer;background:#edf7f0;border:1px solid #a5c5ae;border-radius:6px;height:27px;margin-top:4px;padding:0 9px;font-size:8px;font-weight:700}.layer-row{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:6px;display:flex}.layer-row:hover{background:#f6f8f5}.layer-row.selected{background:#edf6ef;border-color:#b8d5c0}.layer-row.nested{margin-left:18px}.layer-row.group-row{background:#f7f8f5;font-weight:700}.layer-row.dragging{opacity:.38}.layer-row.drop-before{box-shadow:0 -2px #6c5ce7}.layer-row.drop-after{box-shadow:0 2px #6c5ce7}.layer-row.drop-inside{background:#eeeaff;border-color:#7a6ee6;box-shadow:inset 0 0 0 1px #7a6ee6}.drag-handle{color:#abb1aa;cursor:grab;flex:none;place-items:center;width:13px;height:25px;display:grid}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:12px}.group-toggle{color:#70786f;cursor:pointer;background:0 0;border:0;flex:none;width:18px;height:24px;padding:0}.group-toggle svg{width:12px}.nest-spacer{flex:none;width:18px}.layer-icon{color:#677067;background:#f0f2ef;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;display:grid}.layer-icon.template{color:#8b711d;background:#f8f2d8}.layer-icon svg{width:13px}.layer-copy{min-width:0;margin-right:auto;display:grid}.layer-copy strong{white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:10px;overflow:hidden}.layer-copy small{color:#969d95;text-transform:capitalize;font-size:8px}.layer-copy input{background:#fff;border:1px solid #7567d9;border-radius:4px;outline:none;width:100%;min-width:0;height:22px;padding:0 5px;font-size:9px}.layer-row .icon-button{width:23px;height:26px}.layer-row .icon-button svg{width:12px}.reorder{display:grid}.reorder button{color:#8a9289;cursor:pointer;background:0 0;border:0;width:18px;height:13px;padding:0}.reorder button:disabled{opacity:.2}.reorder svg{width:11px;height:11px}.layer-panel-actions{grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:9px;display:grid}.layer-panel-actions button{color:#596159;cursor:pointer;background:#fff;border:1px solid #dfe3dc;border-radius:7px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 6px;font-size:8px;font-weight:700;display:flex}.layer-panel-actions button:hover:not(:disabled){color:#5d4fcb;background:#f5f3ff;border-color:#aaa2e6}.layer-panel-actions button:disabled{opacity:.4;cursor:default}.layer-panel-actions svg{width:12px}.layer-context-menu{z-index:100;overscroll-behavior:contain;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f8f7ee;border:1px solid #cacdc8;border-radius:12px;width:244px;max-height:calc(100vh - 24px);padding:7px;position:fixed;overflow-y:auto;box-shadow:0 18px 50px #20251f38,0 2px 8px #20251f1c}.layer-context-menu::-webkit-scrollbar{width:6px}.layer-context-menu::-webkit-scrollbar-thumb{background:#c7cdc5;border-radius:8px}.layer-context-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;height:31px;padding:0 9px;font-size:11px;display:flex}.layer-context-menu button:hover:not(:disabled){color:#fff;background:#6c5ce7}.layer-context-menu button:disabled{opacity:.36;cursor:default}.layer-context-menu button.danger{color:#b2374e}.layer-context-menu button.danger:hover{color:#fff;background:#c7445d}.layer-context-menu svg{width:14px}.menu-separator{background:#d9dcd7;height:1px;margin:5px 7px;display:block}.reset-button{width:100%;height:34px}.guide-manager{background:#f6fbfe;border:1px solid #d9e5ec;border-radius:10px;margin:2px 0 12px;padding:10px}.guide-manager>p{color:#7f8d94;margin:0 0 10px;font-size:9px;line-height:1.45}.selected-guide-control{grid-template-columns:1fr 58px 29px;align-items:center;gap:6px;margin-bottom:9px;display:grid}.selected-guide-control>div{min-width:0;display:grid}.selected-guide-control strong{text-transform:capitalize;font-size:9px}.selected-guide-control small{color:#8c979d;font-size:7px}.selected-guide-control input{border:1px solid #cbd9e0;border-radius:6px;width:100%;height:29px;padding:0 5px;font-size:9px}.selected-guide-control button{color:#bf3e56;cursor:pointer;background:#fff;border:1px solid #f0b9c3;border-radius:6px;width:29px;height:29px;padding:0}.selected-guide-control button svg{width:12px}.guide-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.guide-actions button{color:#52646d;cursor:pointer;background:#fff;border:1px solid #cbd9e0;border-radius:7px;justify-content:center;align-items:center;gap:5px;height:30px;font-size:8px;display:flex}.guide-actions button:hover{color:#087fb7;border-color:#7fc5e6}.guide-actions svg{width:11px}@media (width<=1100px){.workspace{grid-template-columns:66px var(--left-width,210px) 1fr var(--right-width,300px)}}@media (width<=820px){.workspace{grid-template-columns:66px 0 1fr var(--right-width,280px)}.left-panel:not(.collapsed){z-index:12;width:236px;position:fixed;top:68px;bottom:0;left:66px;box-shadow:0 12px 40px #26332a24}.top-actions .text-button{display:none}.brand{min-width:0}}.view-control{position:relative}.view-control .text-button svg:last-child{opacity:.6;width:13px}.view-menu{z-index:1010;background:#fff;border:1px solid #d4d8d2;border-radius:12px;width:244px;padding:6px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 16px 44px #28342b26}.view-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;height:34px;padding:0 8px;font-size:12px;display:flex}.view-menu button:hover{color:#fff;background:#6c5ce7}.view-menu button svg{width:15px}.view-menu .tick{flex:none;place-items:center;width:14px;display:grid}.view-menu .tick svg{width:13px}.layer-row.holds-selection{background:#f3f0ff;border-color:#cdc4f4}.layer-row.holds-selection .layer-icon{color:#5d4fcb;background:#ebe6ff}.layer-row.interaction-locked .drag-handle{color:#c2c7c0;cursor:not-allowed}.selection-toolbar button:disabled{opacity:.35;cursor:not-allowed}.selection-toolbar button:disabled:hover{color:inherit;background:0 0}@media (width<=820px){.tool-flyout{width:min(310px,100vw - 88px);top:126px}.crop-flyout{left:74px}}.content-button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:11px;flex:none;align-items:center;gap:9px;height:40px;margin-left:10px;padding:0 14px 0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.content-button:hover{background:#fafbf9;border-color:#c7cec5}.content-button.active{background:#eef5f0;border-color:#194f34}.content-button svg{color:#194f34;flex:none;width:17px}.content-button span{text-align:left;line-height:1.1;display:grid}.content-button strong{color:#16261c;white-space:nowrap;font:700 12.5px Manrope}.content-button small{color:#7b8478;white-space:nowrap;margin-top:2px;font-size:10px}.content-editor-scrim{z-index:18;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#16261c1f;position:absolute;inset:0}.content-editor{z-index:19;background:#fff;border:1px solid #dfe4dd;border-radius:16px;flex-direction:column;width:430px;display:flex;position:absolute;top:12px;bottom:12px;left:86px;overflow:hidden;box-shadow:0 20px 50px #16261c2e}.content-editor-head{border-bottom:1px solid #edf0eb;flex:none;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 12px 12px 16px;display:flex}.content-editor-head strong{letter-spacing:-.02em;font:800 15px Manrope;display:block}.content-editor-head small{color:#7b8478;margin-top:3px;font-size:10.5px;display:block}.ai-editor{width:380px}.ai-editor .content-editor-head strong{align-items:center;gap:7px;display:flex}.ai-editor .content-editor-head strong svg{color:#7c5cff;width:15px}.ai-button.active{background:#f4f1ff;border-color:#c9bcff}.ai-button svg{color:#7c5cff}.ai-thread{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.ai-empty{text-align:center;color:#7b8478;justify-items:center;gap:7px;margin:auto 0;padding:10px 4px;display:grid}.ai-empty svg{color:#b7a8f5;width:26px}.ai-empty strong{color:#2b3329;font:800 13.5px Manrope}.ai-empty p{max-width:27ch;margin:0;font-size:11px;line-height:1.5}.ai-empty-action{color:#5a48d6;cursor:pointer;background:#f4f1ff;border:1px solid #d9d2fb;border-radius:999px;align-items:center;gap:6px;margin-top:4px;padding:7px 13px;font:800 11.5px Manrope;display:inline-flex}.ai-empty-action svg{width:14px;color:inherit}.ai-empty-action:hover:not(:disabled){background:#ebe6ff;border-color:#b7a8f5}.ai-empty-action:disabled{opacity:.55;cursor:default}.ai-notice-pop{z-index:40;background:#fff;border:1px solid #ded7fb;border-radius:14px;gap:11px;width:min(360px,100vw - 36px);padding:14px 15px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 16px 44px #181e162e}.ai-notice-pop>svg{color:#6c5ce7;flex:none;width:20px;margin-top:1px}.ai-notice-pop strong{color:#2b3329;margin-bottom:3px;font:800 13px Manrope;display:block}.ai-notice-pop p{color:#5f6a5c;margin:0;font-size:11.5px;line-height:1.5}.ai-notice-pop button{color:#5a48d6;cursor:pointer;background:#f4f1ff;border:1px solid #d9d2fb;border-radius:999px;flex:none;align-self:flex-start;padding:6px 12px;font:800 11px Manrope}.ai-notice-pop button:hover{background:#ebe6ff}.modal-scrim{z-index:60;background:#181e1657;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-card{background:#fff;border-radius:16px;width:min(430px,100%);padding:21px 22px;box-shadow:0 22px 60px #181e1642}.confirm-card strong{color:#2b3329;margin-bottom:7px;font:800 15px Manrope;display:block}.confirm-card p{color:#5f6a5c;margin:0 0 16px;font-size:12.5px;line-height:1.55}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.confirm-primary{color:#fff;cursor:pointer;background:#6c5ce7;border:0;border-radius:999px;padding:9px 16px;font:800 12px Manrope}.confirm-primary:hover{background:#5a48d6}.confirm-secondary{color:#47513f;cursor:pointer;background:#fff;border:1px solid #dfe3dc;border-radius:999px;padding:9px 16px;font:800 12px Manrope}.confirm-secondary:hover{background:#f2f4f0}.ai-button.working small{color:#5a48d6}.ai-stop-chip{color:#b3392b;cursor:pointer;background:#fdf1ef;border:1px solid #f0c9c4;border-radius:999px;flex:none;align-items:center;gap:5px;margin-left:6px;padding:7px 12px;font:800 11px Manrope;display:inline-flex}.ai-stop-chip:hover{background:#fbe4e0}.ai-stop-chip svg{width:13px}.ai-composer-row .ai-stop{color:#b3392b;background:#fdf1ef;border:1px solid #f0c9c4;align-items:center;gap:6px;display:inline-flex}.ai-composer-row .ai-stop:hover{background:#fbe4e0}.ai-scope{color:#6d7669;align-items:center;gap:7px;margin-bottom:7px;font:700 10.5px Manrope;display:flex}.ai-scope select{color:#2b3329;background:#fff;border:1px solid #dfe3dc;border-radius:8px;flex:1;min-width:0;padding:5px 8px;font:700 11px Manrope}.ai-scope-jump{color:#5a48d6;cursor:pointer;background:#f4f1ff;border:1px solid #d9d2fb;border-radius:8px;flex:none;padding:5px 9px;font:800 10.5px Manrope}.ai-scope-jump:hover{background:#ebe6ff}.ai-picker{gap:6px;margin:7px 0 3px;display:grid}.ai-picker>small{color:#6d7669;font-size:10.5px;line-height:1.45}.ai-picker-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.ai-picker-grid button{aspect-ratio:1;cursor:pointer;background:#f2f4f0;border:2px solid #e2e6df;border-radius:9px;padding:0;position:relative;overflow:hidden}.ai-picker-grid button:hover{border-color:#b7a8f5}.ai-picker-grid button.chosen{border-color:#5a48d6}.ai-picker-grid img{object-fit:cover;width:100%;height:100%;display:block}.ai-picker-tick{color:#fff;background:#5a48d6;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;inset:auto 3px 3px auto}.ai-picker-tick svg{width:11px}.ai-msg{border-radius:12px;max-width:90%;padding:9px 11px;font-size:11.5px;line-height:1.5}.ai-msg.user{color:#fff;white-space:pre-wrap;background:#7c5cff;border-bottom-right-radius:4px;align-self:flex-end}.ai-msg.assistant{color:#2b3329;background:#f5f7f3;border-bottom-left-radius:4px;align-self:flex-start}.ai-msg.assistant.error{color:#93331f;background:#fdf0ee}.ai-msg.assistant p{margin:0 0 4px}.ai-msg.busy{color:#6a746a;align-items:center;gap:7px;display:flex}.ai-change{align-items:flex-start;gap:6px;padding:2px 0;display:flex}.ai-change svg{color:#2f7d4f;flex:none;width:12px;margin-top:3px}.ai-skip{color:#8a7f5f;padding:2px 0 2px 18px;font-size:10.5px}.ai-undo{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;align-items:center;gap:6px;height:27px;margin-top:7px;padding:0 10px;font-size:10.5px;font-weight:700;display:inline-flex}.ai-undo svg{width:12px}.ai-notice{color:#7a5a17;background:#fff6e6;border:1px solid #f0dcb4;border-radius:10px;padding:11px 12px}.ai-notice strong{margin-bottom:3px;font-size:12px;display:block}.ai-notice p{margin:0;font-size:10.5px;line-height:1.5}.ai-notice code{background:#f3e6c9;border-radius:4px;padding:1px 4px;font-size:10px}.ai-composer{border-top:1px solid #edf0eb;flex:none;gap:7px;padding:11px 14px 13px;display:grid}.ai-composer textarea{width:100%;font:inherit;resize:none;border:1px solid #dfe4dd;border-radius:10px;outline:none;padding:8px 10px;font-size:11.5px}.ai-composer textarea:focus{border-color:#b7a8f5;box-shadow:0 0 0 2px #7c5cff1f}.ai-composer button{color:#fff;cursor:pointer;background:#7c5cff;border:0;border-radius:9px;justify-self:end;align-items:center;gap:6px;height:30px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.ai-composer button:disabled{opacity:.5;cursor:default}.ai-composer button svg{width:13px}.content-search{background:#fafbf9;border:1px solid #dfe4dd;border-radius:10px;flex:none;align-items:center;gap:8px;height:36px;margin:10px 14px;padding:0 10px;display:flex;position:relative}.content-search svg{color:#7b8478;flex:none;width:14px}.content-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12px}.content-search>button{cursor:pointer;background:#e8ebe6;border:0;border-radius:6px;place-items:center;width:20px;height:20px;padding:0;display:grid}.content-search>button svg{width:11px}.content-editor-body{flex:1;min-height:0;padding:2px 14px 18px;overflow:auto}.content-group{margin-bottom:14px}.content-group h4{text-transform:uppercase;letter-spacing:.07em;color:#7b8478;align-items:center;gap:7px;margin:12px 0 8px;font:700 11px Manrope;display:flex}.content-group h4 span{color:#59614f;letter-spacing:0;background:#eef1ec;border-radius:8px;place-items:center;min-width:18px;height:16px;padding:0 5px;font-size:9.5px;display:grid}.content-field{background:#fbfcfa;border:1px solid #e7ebe5;border-radius:11px;margin-bottom:9px;padding:8px 9px;transition:border-color .15s,background .15s;display:block}.content-field:focus-within,.content-field.active{background:#fff;border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce714}.content-field-label{color:#59614f;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:10px;font-weight:600;display:flex}.content-field-row{align-items:stretch;gap:7px;display:flex}.content-field textarea{resize:vertical;color:#20251f;background:#fff;border:1px solid #dfe4dd;border-radius:8px;outline:none;flex:1;min-width:0;padding:7px 9px;font:500 12.5px/1.35 DM Sans,sans-serif}.content-field textarea:focus{border-color:#6c5ce7}.content-field textarea:disabled{color:#9aa295;background:#f2f4f0}.content-field input[type=color]{cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;flex:none;width:34px;padding:2px}.content-photo{background:#fbfcfa;border:1px solid #e7ebe5;border-radius:11px;align-items:center;gap:10px;margin-bottom:9px;padding:8px;display:flex}.content-photo.active{background:#fff;border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce714}.content-photo-preview{cursor:pointer;background:#edf0eb;border:1px solid #e2e6e0;border-radius:8px;flex:none;width:62px;height:52px;padding:0;overflow:hidden}.content-photo-preview img{object-fit:cover;width:100%;height:100%;display:block}.content-logo .content-photo-preview{background:#fff}.content-logo .content-photo-preview img{object-fit:contain;padding:4px}.content-logo .content-photo-preview:disabled{cursor:default}.content-photo-meta{gap:2px;min-width:0;display:grid}.content-photo-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;overflow:hidden}.content-photo-meta small{color:#7b8478;font-size:10px}.content-replace,.content-unlock{color:#275f40;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;justify-self:start;align-items:center;gap:5px;height:26px;margin-top:4px;padding:0 9px;font-size:10.5px;font-weight:700;display:flex}.content-replace:hover,.content-unlock:hover{background:#edf7f0}.content-replace svg,.content-unlock svg{width:12px}.content-unlock{color:#8a5a12}.content-unlock:hover{background:#fdf4e5}@media (width<=1100px){.content-editor{width:380px;left:78px}.content-button small{display:none}}.content-pages{flex-wrap:wrap;flex:none;gap:6px;padding:10px 14px 0;display:flex}.content-pages button{color:#59614f;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;height:28px;padding:0 10px;font-size:11px;font-weight:600}.content-pages button:hover{background:#f4f6f2}.content-pages button.active{color:#194f34;background:#eef5f0;border-color:#194f34}.content-currency{flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:10px 14px 0;display:flex}.content-currency label{align-items:center;gap:8px;display:flex}.content-currency span{text-transform:uppercase;letter-spacing:.06em;color:#7b8478;font-size:10px;font-weight:700}.content-currency select{cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:9px;min-width:168px;height:32px;padding:0 8px;font-size:12px}.content-currency-custom{align-items:center;gap:6px;display:flex}.content-currency-custom input{border:1px solid #dfe4dd;border-radius:9px;width:84px;height:32px;padding:0 9px;font-size:12px}.content-currency-custom button{color:#275f40;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:9px;height:32px;padding:0 11px;font-size:11px;font-weight:700}.content-currency-custom button:disabled{opacity:.5;cursor:default}.element-folder-art.frames-art{color:#6c5ce7;background:linear-gradient(145deg,#f3f0ff,#ddd6ff);place-items:center;display:grid}.element-folder-art.frames-art svg{width:27px;height:27px}.frame-library-intro{margin-top:0}.frame-library-section{gap:8px;min-width:0;margin:4px 0 18px;display:grid}.frame-library-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.frame-library-head>span{gap:2px;min-width:0;display:grid}.frame-library-head strong{color:#2e3730;font-size:12px}.frame-library-head small{white-space:nowrap;text-overflow:ellipsis;color:#8a938a;font-size:9.5px;overflow:hidden}.frame-library-head em{color:#707b72;background:#eef2ed;border-radius:999px;flex:none;place-items:center;min-width:23px;height:23px;padding:0 6px;font-size:9.5px;font-style:normal;font-weight:800;display:grid}.frame-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.frame-preset-tile{text-align:left;color:#344139;cursor:grab;background:#fff;border:1px solid #e0e6df;border-radius:11px;grid-template-columns:minmax(0,1fr);gap:3px;min-width:0;padding:7px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.frame-preset-tile:hover{border-color:#8fb59a;transform:translateY(-1px);box-shadow:0 6px 16px #1c432715}.frame-preset-tile:active{cursor:grabbing}.frame-preset-tile>strong{white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.frame-preset-tile>small{color:#8b948c;font-size:8.5px}.frame-preset-art{background-color:#f6f8f5;background-image:radial-gradient(#cfd7cf .65px,#0000 .65px);background-size:8px 8px;border-radius:8px;place-items:center;width:100%;height:78px;margin-bottom:2px;padding:7px;display:grid;overflow:hidden}.frame-preset-preview{filter:drop-shadow(0 2px 2px #22352818);width:100%;height:100%;display:block;overflow:visible}.frame-block{margin-top:12px}.frame-picker{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.frame-picker button{aspect-ratio:1;color:#7d8a7f;cursor:pointer;background:#fff;border:1px solid #e2e6e0;border-radius:8px;padding:5px}.frame-picker button:hover{color:#4a5a4c;border-color:#c7cec5}.frame-picker button.active{color:#6c5ce7;background:#f6f4ff;border-color:#6c5ce7}.frame-picker svg{width:100%;height:100%;display:block}.content-photo-empty{color:#9aa79a;background:repeating-linear-gradient(45deg,#eef1ec,#eef1ec 6px,#e4e8e2 6px 12px);place-items:center;width:100%;height:100%;display:grid}.content-photo-empty svg{width:16px}.doc-title{flex:0 168px;align-items:center;min-width:80px;margin-left:4px;display:flex}.doc-title input{color:#1c2a20;background:0 0;border:1px solid #0000;border-radius:8px;width:100%;min-width:0;padding:5px 8px;font-size:12.5px;font-weight:600}.doc-title input:hover{border-color:#e0e5dd}.doc-title input:focus{background:#fff;border-color:#4f9d69;outline:none;box-shadow:0 0 0 2px #4f9d6922}.save-pill{color:#4a7a58;white-space:nowrap;background:#edf6ef;border-radius:999px;align-items:center;gap:5px;height:30px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.save-pill svg{width:14px}.save-pill.saving{color:#7a6a2f;background:#fbf5e3}.save-pill.error{color:#a5372b;background:#fbe9e6}.save-pill.idle{color:#7b8478;background:#f0f2ee}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.design-list{gap:8px;display:grid}.design-card{background:#fff;border:1px solid #e7ebe5;border-radius:12px;align-items:stretch;gap:4px;display:flex;overflow:hidden}.design-card.active{border-color:#4f9d69;box-shadow:0 0 0 2px #4f9d6922}.design-open{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.design-thumb{color:#b3bcb1;background:#f2f4f0;border:1px solid #e2e6e0;border-radius:7px;flex:none;place-items:center;width:54px;height:68px;display:grid;overflow:hidden}.design-thumb img{object-fit:cover;width:100%;height:100%;display:block}.design-thumb svg{width:20px}.design-meta{gap:3px;min-width:0;display:grid}.design-meta strong{color:#22301f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.design-meta small{color:#7b8478;font-size:10px}.design-card-actions{flex-direction:column;justify-content:center;gap:2px;padding-right:6px;display:flex}.export-control{position:relative}.export-button svg:last-child{opacity:.75;width:13px}.export-menu{z-index:60;background:#fff;border:1px solid #e3e8e1;border-radius:14px;gap:9px;width:268px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #1d2a1f24}.export-head{gap:2px;padding-bottom:3px;display:grid}.export-head strong{font-size:13px}.export-head small{color:#7b8478;font-size:10.5px}.export-row{color:#4c5850;grid-template-columns:74px 1fr;align-items:center;gap:8px;font-size:11px;font-weight:600;display:grid}.export-row select{color:#22301f;background:#fff;border:1px solid #dfe4dd;border-radius:8px;width:100%;height:30px;padding:0 8px;font-size:11.5px}.export-check{color:#4c5850;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.export-check.disabled{opacity:.5}.export-check input{accent-color:#2f7d4f;width:14px;height:14px}.export-go{color:#fff;cursor:pointer;background:#1f6b3f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:36px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.export-go:disabled{opacity:.6;cursor:default}.export-go svg{width:15px}.export-error{color:#a5372b;background:#fbe9e6;border-radius:8px;margin:0;padding:7px 9px;font-size:10.5px;font-weight:600}.qr-body{gap:10px;padding:10px 12px 14px;display:grid}.qr-field{color:#6a746a;text-transform:uppercase;letter-spacing:.03em;gap:4px;font-size:10.5px;font-weight:700;display:grid}.qr-field textarea,.qr-field select{color:#22301f;resize:vertical;background:#fff;border:1px solid #dfe4dd;border-radius:9px;width:100%;padding:7px 9px;font-family:inherit;font-size:11.5px}.qr-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.qr-options label{color:#6a746a;text-transform:uppercase;letter-spacing:.03em;gap:4px;font-size:10.5px;font-weight:700;display:grid}.qr-options input[type=number]{color:#22301f;border:1px solid #dfe4dd;border-radius:8px;height:30px;padding:0 8px;font-size:11.5px}.qr-options input[type=color]{background:#fff;border:1px solid #dfe4dd;border-radius:8px;width:100%;height:30px;padding:2px}.qr-options label.wide{grid-column:1/-1}.qr-options select{color:#22301f;background:#fff;border:1px solid #dfe4dd;border-radius:8px;height:30px;padding:0 6px;font-family:inherit;font-size:11.5px}.qr-check{color:#4c5850;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.qr-check input{accent-color:#2f7d4f;width:14px;height:14px}.qr-setting-row{grid-template-columns:1fr 38px;align-items:center;gap:7px;display:grid}.qr-setting-row select{color:#22301f;background:#fff;border:1px solid #dfe4dd;border-radius:8px;height:30px;padding:0 8px;font-family:inherit;font-size:11.5px}.qr-setting-row input[type=color]{cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;width:100%;height:30px;padding:2px}.qr-setting-row input[type=color]:disabled{opacity:.4;cursor:default}.qr-logo-pick{cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;place-items:center;width:100%;height:30px;padding:2px;display:grid;overflow:hidden}.qr-logo-pick img{object-fit:contain;width:100%;height:100%}.qr-logo-pick svg{color:#6a746a;width:14px;height:14px}.qr-warn{color:#7a5a17;background:#fff6e6;border:1px solid #f0dcb4;border-radius:8px;margin:0;padding:7px 9px;font-size:10.5px;line-height:1.45}.qr-preview{background:#fbfcfa;border:1px solid #e7ebe5;border-radius:11px;align-items:center;gap:10px;padding:9px;display:flex}.qr-preview img{object-fit:contain;background:#fff;border-radius:6px;width:74px;height:74px}.qr-empty{color:#b3bcb1;background:repeating-linear-gradient(45deg,#eef1ec,#eef1ec 6px,#e4e8e2 6px 12px);border-radius:6px;place-items:center;width:74px;height:74px;display:grid}.qr-empty svg{width:22px}.qr-preview p{color:#7b8478;margin:0;font-size:10px}.qr-actions{grid-template-columns:1.4fr 1fr;gap:8px;display:grid}.qr-actions button{color:#275f40;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:32px;font-size:11px;font-weight:700;display:flex}.qr-actions button:disabled{opacity:.5;cursor:default}.qr-actions .qr-place{color:#fff;background:#1f6b3f;border-color:#1f6b3f}.qr-actions svg{width:14px}.admin-login{background:#eef1ec;place-items:center;min-height:100vh;padding:24px;display:grid}.admin-card{background:#fff;border:1px solid #e3e8e1;border-radius:18px;gap:13px;width:min(360px,100%);padding:24px;display:grid;box-shadow:0 24px 60px #1d2a1f1f}.admin-brand{align-items:center;gap:10px;display:flex}.admin-brand .brand-mark{color:#fff;background:#1f6b3f;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.admin-brand strong{color:#1c2a20;font-size:14px;display:block}.admin-brand small{color:#7b8478;font-size:10.5px}.admin-card label{color:#6a746a;text-transform:uppercase;letter-spacing:.03em;gap:5px;font-size:10.5px;font-weight:700;display:grid}.admin-card input{color:#22301f;border:1px solid #dfe4dd;border-radius:10px;height:38px;padding:0 11px;font-size:13px}.admin-card input:focus{border-color:#4f9d69;outline:none;box-shadow:0 0 0 2px #4f9d6922}.admin-card button[type=submit]{color:#fff;cursor:pointer;background:#1f6b3f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:40px;font-size:13px;font-weight:700;display:flex}.admin-card button[type=submit]:disabled{opacity:.65;cursor:default}.admin-error{color:#a5372b;background:#fbe9e6;border-radius:9px;margin:0;padding:8px 10px;font-size:11px;font-weight:600}.admin-note{color:#99a096;text-align:center;margin:0;font-size:10.5px}.admin-shell{background:#f4f6f2;min-height:100vh}.admin-top{background:#fff;border-bottom:1px solid #e3e8e1;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.admin-top-actions{align-items:center;gap:10px;display:flex}.admin-link{color:#275f40;font-size:12px;font-weight:700;text-decoration:none}.admin-top button{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.admin-top button svg{width:14px}.admin-main{gap:18px;max-width:1000px;margin:0 auto;padding:22px;display:grid}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.admin-stat{background:#fff;border:1px solid #e3e8e1;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.admin-stat>span{color:#1f6b3f;background:#edf6ef;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.admin-stat svg{width:18px}.admin-stat strong{color:#1c2a20;font-size:20px;display:block}.admin-stat small{color:#7b8478;font-size:10.5px}.admin-section{background:#fff;border:1px solid #e3e8e1;border-radius:14px;padding:18px}.admin-section h2{color:#1c2a20;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex}.admin-section h2 svg{color:#1f6b3f;width:16px}.admin-muted{color:#7b8478;margin:0;font-size:12px}.admin-table{border-collapse:collapse;width:100%;font-size:12px}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:#7b8478;border-bottom:1px solid #e7ebe5;padding:8px 10px;font-size:10.5px}.admin-table td{color:#33403a;border-bottom:1px solid #f0f2ee;padding:9px 10px}.admin-placeholder{background:#fbfcfa;border-style:dashed}.page-size-presets{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:9px;display:grid}.page-size-presets button{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;height:28px;font-size:10.5px;font-weight:700}.page-size-presets button.active{color:#1f6b3f;background:#edf6ef;border-color:#1f6b3f}.page-size-note{color:#7b8478;margin:6px 0 10px;font-size:10px}.palette-body{gap:10px;padding:10px 12px 14px;display:grid}.palette-note{color:#7b8478;margin:0;font-size:10px}.palette-swatches{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.palette-swatches button{aspect-ratio:1;cursor:pointer;border:1px solid #00000018;border-radius:7px}.palette-swatches button.selected{outline-offset:1px;outline:2px solid #1f6b3f}.palette-replace{align-items:center;gap:7px;display:flex}.palette-replace svg{color:#99a096;width:14px}.palette-chip{border:1px solid #dfe4dd;border-radius:8px;width:30px;height:30px}.palette-replace input[type=color]{background:#fff;border:1px solid #dfe4dd;border-radius:8px;width:40px;height:30px;padding:2px}.palette-replace button{color:#fff;cursor:pointer;background:#1f6b3f;border:1px solid #1f6b3f;border-radius:8px;flex:1;height:30px;font-size:11px;font-weight:700}.palette-replace button:disabled{opacity:.45;cursor:default}.palette-eyedropper{color:#275f40;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:32px;font-size:11px;font-weight:700;display:flex}.palette-eyedropper:disabled{opacity:.55;cursor:default}.palette-eyedropper svg{width:14px}.element-folder-art.qr-art{color:#2f5fbf;background:#eef4ff}.qr-studio{gap:12px;display:grid}.qr-studio-preview{background:#fbfcfa;border:1px solid #e7ebe5;border-radius:12px;gap:11px;padding:10px;display:flex}.qr-studio-canvas{background:#fff;border:1px solid #e2e6e0;border-radius:9px;flex:none;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.qr-studio-canvas.checkered{background-image:linear-gradient(45deg,#e6eae4 25%,#0000 25%),linear-gradient(-45deg,#e6eae4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6eae4 75%),linear-gradient(-45deg,#0000 75%,#e6eae4 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.qr-studio-canvas img{object-fit:contain;width:100%;height:100%}.qr-studio-meta{align-content:start;gap:3px;min-width:0;display:grid}.qr-studio-meta strong{color:#22301f;text-transform:capitalize;font-size:11.5px}.qr-studio-meta small{color:#7b8478;font-size:10px}.qr-studio-actions{gap:6px;margin-top:6px;display:flex}.qr-studio-actions button{color:#275f40;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;height:28px;font-size:10.5px;font-weight:700;display:flex}.qr-studio-actions button:disabled{opacity:.5;cursor:default}.qr-studio-actions .qr-place{color:#fff;background:#1f6b3f;border-color:#1f6b3f}.qr-studio-actions svg{width:13px}.qr-gallery-title{color:#6a746a;text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:800}.qr-gallery{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.qr-gallery button{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #e3e8e1;border-radius:9px;padding:4px}.qr-gallery button:hover{border-color:#b9c6ba}.qr-gallery button.selected{border-color:#2f7d4f;box-shadow:0 0 0 2px #2f7d4f33}.qr-gallery img{object-fit:contain;width:100%;height:100%;display:block}.qr-tile-empty{background:repeating-linear-gradient(45deg,#f2f4f0,#f2f4f0 4px,#e8ebe6 4px 8px);border-radius:5px;width:100%;height:100%;display:block}.qr-inline-checks{justify-content:space-between;align-items:center;gap:8px;display:flex}.qr-reset-eyes{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;height:26px;padding:0 9px;font-size:10.5px;font-weight:700}.qr-reset-eyes:disabled{opacity:.45;cursor:default}.save-pill.dirty{color:#7a6a2f;background:#fbf5e3}.autosave-toggle{color:#7b8478;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.autosave-toggle.on{color:#275f40;border-color:#bfe0c9}.autosave-track{background:#d6dbd3;border-radius:999px;width:26px;height:15px;transition:background .15s;position:relative}.autosave-toggle.on .autosave-track{background:#2f7d4f}.autosave-knob{background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .15s;position:absolute;top:2px;left:2px}.autosave-toggle.on .autosave-knob{transform:translate(11px)}.cutout-flyout{min-width:292px;min-height:350px}.cutout-flyout-body{align-content:start;gap:10px;display:grid}.cutout-flyout-body .tool-group-title:not(:first-child){margin-top:5px}.cutout-modes{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cutout-modes button{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;height:31px;font-size:10px;font-weight:750}.cutout-modes button:hover{background:#f5f9f6;border-color:#a9c2af}.cutout-modes button.active{color:#1f6b3f;background:#eaf5ed;border-color:#1f6b3f;box-shadow:inset 0 0 0 1px #acd0b7}.cutout-picker-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cutout-canvas-picker{text-align:left;color:#285e3f;cursor:pointer;background:#f7faf7;border:1px solid #b8c7bb;border-radius:10px;align-items:center;gap:7px;width:100%;min-width:0;min-height:50px;padding:7px 8px;display:flex}.cutout-canvas-picker.add{color:#5b4bc2;background:#faf9ff;border-color:#c9c4e8}.cutout-canvas-picker>svg{flex:none;width:17px}.cutout-canvas-picker>span{gap:1px;display:grid}.cutout-canvas-picker strong{white-space:nowrap;font-size:9.5px}.cutout-canvas-picker small{color:#899288;font-size:8.5px}.cutout-canvas-picker:hover,.cutout-canvas-picker.active{color:#fff;background:#1f6b3f;border-color:#1f6b3f}.cutout-canvas-picker.add:hover,.cutout-canvas-picker.add.active{color:#fff;background:#6556d8;border-color:#6556d8}.cutout-canvas-picker.active{box-shadow:0 0 0 3px #1f6b3f25}.cutout-canvas-picker.add.active{box-shadow:0 0 0 3px #6556d825}.cutout-canvas-picker:hover small,.cutout-canvas-picker.active small{color:#d9ebe0}.cutout-color-row{grid-template-columns:34px minmax(0,1fr) 68px 48px;gap:6px;display:grid}.cutout-color-row>*{background:#fff;border:1px solid #dfe4dd;border-radius:8px;min-width:0;height:32px}.cutout-color-swatch{cursor:pointer;width:34px;padding:2px}.cutout-color-value{color:#334039;text-transform:uppercase;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.cutout-color-row button{color:#275f40;cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:9.5px;font-weight:700;display:flex}.cutout-color-row button:disabled{opacity:.45;cursor:default}.cutout-color-row button svg{width:12px}.cutout-selected-colors{background:#fafbf9;border:1px solid #e1e5df;border-radius:9px;gap:6px;padding:8px;display:grid}.cutout-selected-colors>div:first-child{color:#6a736a;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:8.5px;font-weight:750;display:flex}.cutout-selected-colors>div:first-child button{color:#7968d8;cursor:pointer;background:0 0;border:0;padding:0;font-size:8.5px;font-weight:750}.cutout-color-chips{flex-wrap:wrap;gap:5px;display:flex}.cutout-color-chip{background:#fff;border:1px solid #dce1da;border-radius:7px;align-items:center;gap:4px;height:25px;padding:0 3px 0 5px;display:inline-flex}.cutout-color-chip i{border:1px solid #0002;border-radius:4px;flex:none;width:13px;height:13px}.cutout-color-chip code{color:#566158;text-transform:uppercase;font-size:8px}.cutout-color-chip button{color:#879088;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:19px;height:19px;padding:0;display:grid}.cutout-color-chip button:hover{color:#fff;background:#c7445d}.cutout-color-chip button svg{width:10px}.cutout-scope{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cutout-scope button{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:9px;place-items:center;gap:2px;min-height:44px;padding:6px 7px;font-size:9.5px;line-height:1.15;display:grid}.cutout-scope small{color:#929a91;font-size:7.5px;font-weight:600}.cutout-scope button.active{color:#1f6b3f;background:#edf6ef;border-color:#1f6b3f;box-shadow:inset 0 0 0 1px #bfe0c9}.cutout-scope button.active small{color:#60836c}.cutout-slider{color:#5f685f;gap:4px;display:grid}.cutout-slider span{justify-content:space-between;align-items:center;font-size:9.5px;display:flex}.cutout-slider output{color:#526057;background:#edf1ec;border-radius:5px;place-items:center;min-width:26px;height:19px;padding:0 5px;font-size:8.5px;display:grid}.cutout-slider input{accent-color:#2f7d4f;width:100%}.cutout-note{color:#7c877e;margin:0;font-size:9.5px;line-height:1.45}.cutout-note strong{color:#526057}.cutout-flyout-foot{background:#fafbf9;border-top:1px solid #e5e8e3;flex:none;grid-template-columns:1fr 1.25fr;gap:7px;padding:10px 13px 12px;display:grid}.cutout-flyout-foot button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:0;height:34px;padding:0 8px;font-size:9.5px;font-weight:750;display:flex}.cutout-flyout-foot button:disabled{opacity:.45;cursor:default}.cutout-flyout-foot svg{width:13px}.cutout-restore{color:#59645b;background:#fff;border:1px solid #d9ded8}.cutout-flyout-foot .cutout-run{color:#fff;background:#1f6b3f;border:1px solid #1f6b3f}.cutout-picker-banner{z-index:25;color:#fff;pointer-events:auto;background:#1f6b3f;border:1px solid #184d31;border-radius:10px;align-items:center;gap:8px;min-width:330px;max-width:calc(100% - 24px);min-height:40px;padding:6px 7px 6px 11px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 9px 28px #173d2a38}.cutout-picker-banner>svg{flex:none;width:16px}.cutout-picker-banner span{flex:1;font-size:10px;font-weight:700}.cutout-picker-banner button{color:#fff;cursor:pointer;background:#ffffff16;border:1px solid #fff5;border-radius:7px;height:27px;padding:0 9px;font-size:9px;font-weight:700}.canvas-area.cutout-picking canvas{cursor:crosshair!important}.element-folder-art.table-art{color:#6b4fbf;background:#f3f0ff}.element-folder-art.chart-art{color:#b3701a;background:#fff4e6}.studio-form{gap:11px;display:grid}.studio-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-grid label{color:#6a746a;text-transform:uppercase;letter-spacing:.03em;gap:4px;font-size:10px;font-weight:700;display:grid}.studio-grid input[type=number]{color:#22301f;border:1px solid #dfe4dd;border-radius:8px;height:30px;padding:0 8px;font-size:11.5px}.studio-grid input[type=color]{background:#fff;border:1px solid #dfe4dd;border-radius:8px;width:100%;height:30px;padding:2px}.studio-go{color:#fff;cursor:pointer;background:#1f6b3f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:34px;font-size:11.5px;font-weight:700;display:flex}.studio-go:disabled{opacity:.55;cursor:default}.studio-go svg{width:14px}.chart-types{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.chart-types button{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;height:28px;font-size:10.5px;font-weight:700}.chart-types button.active{color:#1f6b3f;background:#edf6ef;border-color:#1f6b3f}.chart-preview{background:#fbfcfa;border:1px solid #e7ebe5;border-radius:11px;padding:8px}.chart-preview img{border-radius:6px;width:100%;display:block}.qr-field input[type=text],.qr-field input:not([type]){color:#22301f;border:1px solid #dfe4dd;border-radius:8px;width:100%;height:30px;padding:0 9px;font-size:11.5px}.library{overscroll-behavior-y:contain;scrollbar-gutter:stable;background:#f4f6f2;width:100%;height:100dvh;overflow:hidden auto}.library::-webkit-scrollbar{width:10px}.library::-webkit-scrollbar-track{background:#eef1ec}.library::-webkit-scrollbar-thumb{background:#bdc7bc;border:3px solid #eef1ec;border-radius:999px}.library-top{z-index:10;background:#fff;border-bottom:1px solid #e3e8e1;justify-content:space-between;align-items:center;gap:16px;padding:14px 26px;display:flex;position:sticky;top:0}.library-brand{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;display:flex}.library-brand .brand-mark{color:#fff;background:#1f6b3f;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.library-brand strong{color:#1c2a20;font-size:14px;display:block}.library-brand small{color:#7b8478;font-size:10.5px}.library-nav{gap:6px;display:flex}.library-nav button{color:#6a746a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:12.5px;font-weight:700;display:flex}.library-nav button:hover{background:#f2f4f0}.library-nav button.active{color:#1f6b3f;background:#edf6ef;border-color:#bfe0c9}.library-nav svg{width:15px}.library-body{max-width:1180px;margin:0 auto;padding:30px 26px 60px}.library-body h1{color:#1c2a20;letter-spacing:-.01em;margin:0 0 18px;font-size:30px;font-weight:800}.library-search{background:#fff;border:1px solid #e0e5dd;border-radius:999px;align-items:center;gap:10px;max-width:560px;height:46px;margin-bottom:26px;padding:0 16px;display:flex}.library-search svg{color:#9aa79a;flex:none;width:17px}.library-search input{color:#22301f;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13.5px}.library-search button{cursor:pointer;background:#eef1ec;border:none;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.library-search button svg{width:12px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.library-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8e1;border-radius:14px;flex-direction:column;padding:0;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.library-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1d2a1f1a}.library-card.starred{border-color:#e9bb44}.library-thumb{aspect-ratio:3/4;color:#b3bcb1;background:#eef1ec;place-items:center;display:grid;overflow:hidden}.library-thumb img{object-fit:cover;width:100%;height:100%;display:block}.library-thumb svg{width:26px}.blank-thumb{color:#7b8478;background:repeating-linear-gradient(45deg,#f2f4f0,#f2f4f0 8px,#e8ebe6 8px 16px)}.library-card-meta{gap:3px;min-width:0;padding:10px 12px 12px;display:grid}.library-card-meta strong{color:#22301f;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.library-card-meta small{color:#7b8478;font-size:10.5px}.library-card-meta input{color:#22301f;border:1px solid #4f9d69;border-radius:7px;width:100%;height:26px;padding:0 7px;font-size:12.5px;font-weight:700}.library-card.design{cursor:default}.library-card.design:hover{transform:none}.library-open{cursor:pointer;background:0 0;border:none;padding:0}.library-card-actions{gap:2px;padding:0 8px 8px;display:flex}.library-card-actions button{color:#7b8478;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.library-card-actions button:hover{color:#22301f;background:#f2f4f0}.library-card-actions button.starred{color:#e0a91c}.library-card-actions button.starred svg{fill:currentColor}.library-card-actions button.danger:hover{color:#a5372b;background:#fbe9e6}.library-card-actions svg{width:15px}.library-recent{margin-top:38px}.library-recent-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.library-recent-head h2{color:#1c2a20;margin:0;font-size:17px;font-weight:800}.library-recent-head button{color:#1f6b3f;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.library-strip{grid-auto-columns:150px;grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.library-strip-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8e1;border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.library-strip-card:hover{box-shadow:0 10px 22px #1d2a1f14}.library-empty{color:#99a096;text-align:center;border:1px dashed #d6dbd3;border-radius:16px;justify-items:center;gap:8px;padding:60px 20px;display:grid}.library-empty svg{width:28px}.library-empty strong{color:#4c5850;font-size:14px}.library-empty p{margin:0;font-size:12px}.library-cta{color:#fff;cursor:pointer;background:#1f6b3f;border:none;border-radius:9px;align-items:center;gap:7px;height:34px;margin-top:6px;padding:0 16px;font-size:12px;font-weight:700;display:flex}.library-cta svg{width:15px}.library-offline{color:#7a6a2f;background:#fbf5e3;border-radius:10px;align-items:center;gap:8px;margin-top:24px;padding:10px 14px;font-size:11.5px;font-weight:600;display:flex}.library-offline svg{width:15px}.library-scrim{z-index:40;background:#1d2a1f66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.library-dialog{background:#fff;border-radius:16px;gap:8px;width:min(360px,100%);padding:22px;display:grid;box-shadow:0 24px 60px #1d2a1f33}.library-dialog strong{color:#1c2a20;font-size:15px}.library-dialog p{color:#7b8478;margin:0;font-size:12px}.library-dialog-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.library-dialog-actions button{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:9px;height:34px;padding:0 14px;font-size:12px;font-weight:700}.library-dialog-actions button.danger{color:#fff;background:#c2412d;border-color:#c2412d}.brand{cursor:pointer;text-align:left;background:0 0;border:none}.rail-home{color:#1f6b3f}.rail-home:hover{background:#edf6ef}.rail-divider{background:#e3e8e1;width:26px;height:1px;margin:2px auto 4px;display:block}.palette-detail{background:#fbfcfa;border:1px solid #e7ebe5;border-radius:11px;gap:9px;margin-top:4px;padding:10px;display:grid}.palette-detail-head{align-items:center;gap:9px;display:flex}.palette-detail-head>div{flex:1;gap:1px;min-width:0;display:grid}.palette-detail-head strong{color:#22301f;text-transform:uppercase;font-size:12px;font-weight:700}.palette-detail-head small{color:#7b8478;font-size:10px}.palette-apply{color:#275f40;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dfe4dd;border-radius:8px;height:26px;padding:0 9px;font-size:10.5px;font-weight:700}.palette-apply:disabled{opacity:.45;cursor:default}.palette-scopes{flex-wrap:wrap;gap:5px;display:flex}.palette-scopes button{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:999px;align-items:center;gap:5px;height:25px;padding:0 8px;font-size:10.5px;font-weight:700;display:flex}.palette-scopes button.active{color:#1f6b3f;background:#edf6ef;border-color:#1f6b3f}.palette-scopes small{opacity:.7;font-size:9.5px}.palette-chip.target{border:1px solid #dfe4dd}.palette-hex{color:#22301f;text-transform:lowercase;border:1px solid #dfe4dd;border-radius:7px;width:74px;height:26px;padding:0 7px;font-family:ui-monospace,monospace;font-size:10.5px}.palette-replace-go{color:#fff;cursor:pointer;background:#1f6b3f;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;height:32px;font-size:11px;font-weight:700;display:flex}.palette-replace-go svg{width:14px}.menu-note{color:#8a938a;margin:2px 10px 6px;font-size:10px}.palette-locked-check{color:#6a746a;cursor:pointer;align-items:center;gap:7px;font-size:10.5px;display:flex}.palette-locked-check input{accent-color:#2f7d4f}@media (width<=1540px){.topbar{gap:3px;padding-inline:12px}.brand{min-width:152px}.doc-title{flex-basis:130px}.content-button{margin-left:4px;padding-inline:10px}.content-button small{display:none}.top-actions{gap:2px}.top-actions .separator{margin-inline:3px}.top-actions .text-button,.save-pill,.autosave-toggle{padding-inline:8px}}@media (width<=1280px){.brand{min-width:44px}.brand>div:last-child{display:none}.doc-title{flex-basis:116px}.history-control>.text-button,.view-control>.text-button{justify-content:center;gap:0;width:34px;padding:0;font-size:0}.view-control>.text-button svg:last-child{display:none}}@media (width<=1040px){.doc-title{display:none}.history-control>.text-button,.view-control>.text-button{display:flex}.topbar>.content-button{justify-content:center;width:40px;margin-left:2px;padding:0}.topbar>.content-button>span{display:none}.save-pill{justify-content:center;width:32px;padding:0}.save-pill-label,.autosave-label{display:none}.autosave-toggle{justify-content:center;width:44px;padding-inline:8px}}@media (width<=700px){.topbar{padding-inline:7px}.topbar>.content-button,.top-actions>.separator,.history-control,.panels-control{display:none}.export-button{margin-left:1px;padding-inline:11px}}@media (width<=470px){.top-actions>.icon-button:first-child,.top-actions>.icon-button:nth-child(2){display:none}.export-button{justify-content:center;gap:0;width:38px;padding:0}.export-button span,.export-button svg:last-child{display:none}.export-menu{width:min(268px,100vw - 14px);position:fixed;top:62px;right:7px}}.ai-composer-row{align-items:flex-end;gap:7px;display:flex}.ai-attach-button{color:#5b6bd6;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.ai-attach-button:hover{background:#f4f1ff;border-color:#b7a8f5}.ai-attach-button:disabled{opacity:.5;cursor:default}.ai-attach-button svg{width:16px}.ai-attach-strip{flex-wrap:wrap;gap:6px;margin-bottom:7px;display:flex}.ai-attach-chip{border:1px solid #e2e6e0;border-radius:8px;width:46px;height:46px;position:relative;overflow:hidden}.ai-attach-chip img{object-fit:cover;width:100%;height:100%;display:block}.ai-attach-chip button{color:#fff;cursor:pointer;background:#1d2a1fcc;border:none;border-radius:50%;place-items:center;width:15px;height:15px;padding:0;display:grid;position:absolute;top:1px;right:1px}.ai-attach-chip button svg{width:9px}.ai-msg-attachments{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.ai-msg-attachments img{object-fit:cover;border-radius:7px;width:52px;height:52px}.method-scrim{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1d2a1f77;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.method-modal{background:#fff;border-radius:18px;grid-template-columns:300px 1fr;width:min(760px,100%);max-height:90vh;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #1d2a1f44}.method-close{z-index:2;cursor:pointer;background:#fffc;border:none;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;right:12px}.method-close svg{width:16px}.method-preview{background:#eef1ec;overflow:hidden}.method-preview img{object-fit:cover;width:100%;height:100%;display:block}.method-body{align-content:start;gap:6px;padding:26px 26px 30px;display:grid}.method-body h2{color:#1c2a20;margin:0;font-size:20px;font-weight:800}.method-sub{color:#7b8478;margin:0 0 14px;font-size:13px}.method-options{gap:12px;display:grid}.method-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8e1;border-radius:13px;gap:3px;padding:16px;transition:border-color .15s,box-shadow .15s;display:grid}.method-option:hover{border-color:#b9c6ba;box-shadow:0 8px 20px #1d2a1f14}.method-option.primary{background:#faf8ff;border-color:#cbb8f7}.method-option.primary:hover{border-color:#9a7ef0}.method-icon{border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:4px;display:grid}.method-icon.manual{color:#1f6b3f;background:#edf6ef}.method-icon.auto{color:#6b4fbf;background:#efe8ff}.method-icon svg{width:17px}.method-option strong{color:#22301f;font-size:14px}.method-option small{color:#7b8478;font-size:11.5px}.method-cta{color:#1f6b3f;margin-top:8px;font-size:12px;font-weight:700}.method-option.primary .method-cta{color:#6b4fbf}.af-shell{background:#f4f6f2;height:100vh;overflow-y:auto}.af-top{background:#fff;border-bottom:1px solid #e3e8e1;align-items:center;gap:16px;padding:14px 26px;display:flex}.af-back{color:#6a746a;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.af-back svg{width:15px}.af-title{color:#6b4fbf;align-items:center;gap:7px;font-size:15px;font-weight:800;display:flex}.af-title svg{width:17px}.af-template-name{color:#7b8478;margin-left:auto;font-size:12px}.af-stepper{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin:22px auto 0;padding:0 20px;list-style:none;display:flex}.af-stepper li{color:#9aa79a;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.af-stepper li.active{color:#6b4fbf}.af-stepper li.done{color:#1f6b3f}.af-step-dot{color:#7b8478;background:#e6eae2;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.af-stepper li.active .af-step-dot{color:#fff;background:#6b4fbf}.af-stepper li.done .af-step-dot{color:#fff;background:#1f6b3f}.af-step-dot svg{width:12px}.af-content{max-width:760px;margin:0 auto;padding:24px 20px 60px}.af-panel{background:#fff;border:1px solid #e7ebe5;border-radius:16px;padding:24px}.af-panel h2{color:#1c2a20;margin:0 0 4px;font-size:20px;font-weight:800}.af-panel-head{justify-content:space-between;align-items:baseline;display:flex}.af-count{color:#7b8478;font-size:12px;font-weight:700}.af-sub{color:#7b8478;margin:0 0 16px;font-size:12.5px}.af-note{color:#8a938a;margin:8px 0;font-size:11.5px}.af-error{color:#c2412d;margin-top:10px;font-size:12px}.af-dropzone{text-align:center;cursor:pointer;background:#fbfcfa;border:1.5px dashed #c9d1c6;border-radius:14px;justify-items:center;gap:8px;width:100%;margin-top:4px;padding:44px 20px;transition:border-color .15s,background .15s;display:grid}.af-dropzone:hover{background:#faf8ff;border-color:#9a7ef0}.af-dropzone.drag{background:#f4f1ff;border-style:solid;border-color:#6b4fbf}.af-dropzone.busy{cursor:default;border-color:#cbb8f7}.af-dropzone:disabled{cursor:default}.af-dropzone svg{color:#9a7ef0;width:30px}.af-dropzone.busy svg{color:#6b4fbf}.af-dropzone strong{color:#4c5850;font-size:14px}.af-dropzone span{color:#9aa79a;font-size:11px}.af-upload-links{justify-content:center;gap:18px;margin-top:16px;display:flex}.af-upload-links .af-link{align-items:center;gap:5px;margin:0;display:inline-flex}.af-upload-links .af-link svg{width:13px}.af-primary{color:#fff;cursor:pointer;background:#6b4fbf;border:none;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.af-primary:disabled{opacity:.5;cursor:default}.af-secondary{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:10px;align-items:center;gap:5px;height:38px;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.af-primary svg,.af-secondary svg{width:15px}.af-link{color:#6b4fbf;cursor:pointer;background:0 0;border:none;margin:14px auto 0;font-size:12px;display:block}.af-actions{justify-content:space-between;gap:10px;margin-top:22px;display:flex}.af-map{gap:8px;margin-top:8px;display:grid}.af-map-row{grid-template-columns:1fr 16px 1fr;align-items:center;gap:8px;display:grid}.af-map-source{color:#22301f;background:#f2f4f0;border-radius:8px;padding:8px 10px;font-size:12.5px;font-weight:600}.af-map-row svg{color:#9aa79a;width:14px}.af-map-row select{border:1px solid #dfe4dd;border-radius:8px;height:36px;padding:0 8px;font-size:12.5px}.af-products{gap:10px;margin-top:14px;display:grid}.af-product{background:#fbfcfa;border:1px solid #e7ebe5;border-radius:11px;gap:6px;padding:12px 34px 12px 12px;display:grid;position:relative}.af-product.warn{background:#fffdf3;border-color:#e6b800}.af-product input{border:1px solid #e2e6e0;border-radius:7px;height:30px;padding:0 8px;font-size:12.5px}.af-product-name{font-weight:700}.af-product-fields{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.af-product-remove{cursor:pointer;background:#eef1ec;border:none;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:10px;right:8px}.af-product-remove svg{width:11px}.af-add-product{color:#6a746a;cursor:pointer;background:0 0;border:1px dashed #c9d1c6;border-radius:10px;height:36px;font-size:12.5px;font-weight:700}.af-status-line{margin-top:12px;font-size:12px;font-weight:700}.af-ok-text{color:#1f6b3f}.af-warn-text{color:#b08900}.af-accept-all{color:#6b4fbf;cursor:pointer;background:#faf8ff;border:1px solid #cbb8f7;border-radius:10px;align-items:center;gap:7px;height:36px;margin-bottom:12px;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.af-accept-all svg{width:15px}.af-image-list{gap:8px;display:grid}.af-image-row{background:#fbfcfa;border:1px solid #e7ebe5;border-radius:11px;grid-template-columns:52px 1fr auto;grid-template-areas:"thumb meta actions""results results results";align-items:center;gap:10px;padding:10px;display:grid}.af-image-thumb{color:#b3bcb1;background:#eef1ec;border-radius:8px;grid-area:thumb;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.af-image-thumb img{object-fit:cover;width:100%;height:100%}.af-image-meta{grid-area:meta;gap:1px;display:grid}.af-image-meta strong{color:#22301f;font-size:12.5px}.af-image-meta small{color:#7b8478;font-size:10.5px}.af-image-actions{grid-area:actions;gap:6px;display:flex}.af-image-actions button{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;align-items:center;gap:4px;height:28px;padding:0 9px;font-size:10.5px;font-weight:700;display:inline-flex}.af-image-actions svg{width:12px}.af-image-results{flex-wrap:wrap;grid-area:results;gap:6px;padding-top:4px;display:flex}.af-image-results button{cursor:pointer;background:#fff;border:1px solid #e2e6e0;border-radius:8px;width:60px;height:60px;padding:0;position:relative;overflow:hidden}.af-image-results button.selected{border-color:#6b4fbf;box-shadow:0 0 0 2px #6b4fbf33}.af-image-results img{object-fit:cover;width:100%;height:100%}.af-badge{color:#e0a91c;font-size:11px;position:absolute;top:1px;right:2px}.af-form-section{text-transform:uppercase;letter-spacing:.04em;color:#6a746a;align-items:baseline;gap:8px;margin:16px 0 8px;font-size:11px;font-weight:800;display:flex}.af-form-section small{text-transform:none;letter-spacing:0;color:#a4aca2;font-size:9.5px}.af-field{gap:4px;margin-bottom:10px;display:grid}.af-field>span{color:#4c5850;font-size:11.5px;font-weight:700}.af-field input{border:1px solid #dfe4dd;border-radius:8px;height:36px;padding:0 10px;font-size:13px}.af-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.af-logo-row{align-items:center;gap:10px;display:flex}.af-logo-preview{border-radius:6px;height:34px}.af-review{gap:0;margin-top:8px;display:grid}.af-review>div{border-bottom:1px solid #eef1ec;grid-template-columns:140px 1fr;gap:10px;padding:10px 0;display:grid}.af-review dt{color:#6a746a;font-size:12px;font-weight:700}.af-review dd{color:#22301f;margin:0;font-size:12.5px}.af-product-fields.single-price{grid-template-columns:1fr 1fr}.af-template-note{color:#4a3f7a;background:#faf9ff;border:1px solid #e4e0f7;border-radius:9px;margin:8px 0 14px;padding:10px 12px;font-size:11.5px;line-height:1.5}.af-template-note strong{color:#6b4fbf}.af-map-scroll{max-height:300px;padding-right:4px;overflow-y:auto}.af-map-source{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.af-ignored{border-top:1px solid #eef1ec;margin-top:12px;padding-top:12px}.af-ignored-toggle{color:#6b4fbf;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.af-ignored-toggle svg{width:13px}.af-products{max-height:46vh;padding-right:4px;overflow-y:auto}.af-image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:6px;display:grid}.af-image-card{background:#fbfcfa;border:1px solid #e7ebe5;border-radius:13px;gap:7px;padding:10px;display:grid}.af-image-frame{aspect-ratio:1;color:#b3bcb1;background:#eef1ec;border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.af-image-frame img{object-fit:cover;width:100%;height:100%;display:block}.af-image-frame>svg{width:26px}.af-image-frame .spin{color:#6b4fbf;width:22px}.af-image-frame .af-image-loading{box-sizing:content-box;background:#ffffffdc;border-radius:999px;padding:5px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.af-image-load-error{color:#b83c2a;text-align:center;background:#fff1edeb;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:800;position:absolute;bottom:8px;left:8px;right:8px}.af-image-badge{color:#fff;letter-spacing:.03em;text-transform:uppercase;background:#1d2a1fcc;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800;position:absolute;top:6px;left:6px}.af-image-name{color:#22301f;white-space:normal;overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.3}.af-image-card-actions{gap:6px;display:flex}.af-image-card-actions button{color:#4c5850;cursor:pointer;background:#fff;border:1px solid #dfe4dd;border-radius:8px;flex:1;place-items:center;height:30px;font-size:13px;font-weight:800;display:grid}.af-image-card-actions button:hover{border-color:#b9c6ba}.af-image-card-actions button:disabled{opacity:.4;cursor:default}.af-image-card-actions button:first-child{color:#c2412d}.af-image-card-actions svg{width:14px}.af-image-prompt{gap:5px;display:flex}.af-image-prompt input{border:1px solid #b7a8f5;border-radius:8px;flex:1;min-width:0;height:30px;padding:0 8px;font-size:11px}.af-image-prompt button{color:#fff;cursor:pointer;background:#6b4fbf;border:none;border-radius:8px;height:30px;padding:0 10px;font-size:11px;font-weight:700}.af-currency-field{max-width:130px}.af-currency-field select{border:1px solid #dfe4dd;border-radius:8px;height:36px;padding:0 8px;font-size:13px}.af-logo-check{color:#5f6a5c;cursor:pointer;align-items:center;gap:7px;margin-top:8px;font:600 11.5px Manrope;display:flex}.af-logo-check input{accent-color:#6c5ce7;cursor:pointer;width:14px;height:14px}.inside-group-bar{color:#5a48d6;background:#f6f4ff;border-bottom:1px solid #e4dffc;align-items:center;gap:9px;font:700 11.5px Manrope;display:flex}.inside-group-bar>svg{width:15px}.inside-group-bar strong{font-weight:800}.library-card.design{position:relative}.library-pick{z-index:2;opacity:0;cursor:pointer;background:#ffffffeb;border-radius:7px;place-items:center;width:24px;height:24px;transition:opacity .12s;display:grid;position:absolute;top:9px;left:9px;box-shadow:0 1px 4px #181e162e}.library-card.design:hover .library-pick,.library-card.design.picked .library-pick{opacity:1}.library-pick input{accent-color:#6c5ce7;cursor:pointer;width:15px;height:15px}.library-card.design.picked{outline-offset:2px;border-radius:14px;outline:2px solid #6c5ce7}.library-bulkbar{z-index:50;background:#fff;border:1px solid #e6e9e3;border-radius:999px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #181e1638}.library-bulkbar strong{color:#2b3329;font:800 12.5px Manrope}.bulk-close{color:#47513f;cursor:pointer;background:#f2f4f0;border:0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.bulk-close svg{width:14px}.bulk-text{color:#47513f;cursor:pointer;background:#fff;border:1px solid #dfe3dc;border-radius:999px;padding:6px 11px;font:700 11.5px Manrope}.bulk-text:hover{background:#f2f4f0}.bulk-spacer{width:4px}.bulk-icon{color:#47513f;cursor:pointer;background:#fff;border:1px solid #dfe3dc;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.bulk-icon:hover:not(:disabled){background:#f2f4f0}.bulk-icon:disabled{opacity:.5;cursor:default}.bulk-icon svg{width:16px}.bulk-icon.danger{color:#b3392b;border-color:#f0c9c4}.bulk-icon.danger:hover:not(:disabled){background:#fdf1ef}.library-dialog-list{color:#5f6a5c;margin:0 0 14px;padding-left:18px;font-size:12px;line-height:1.6}.library-empty strong{overflow-wrap:anywhere;word-break:break-word;max-width:46ch}.library-search input{text-overflow:ellipsis}.af-product-field{gap:4px;min-width:0;display:grid}.af-product-field>span{letter-spacing:.04em;text-transform:uppercase;color:#8b948a;font:700 10px Manrope}.af-product-field>span small{text-transform:none;letter-spacing:0;color:#a9b1a6;font-weight:600}.af-product-field.name>span{color:#6d7669}.af-field>span .af-where{letter-spacing:.01em;color:#8a8f98;text-transform:none;margin-left:8px;font-size:11px;font-weight:500}.af-field .af-field-note{color:#8a8f98;margin-top:6px;font-size:11px}