.ag-page{color:#232532;background:#f8f7fd;font-family:Inter,Arial,sans-serif}.ag-workspace{border-bottom:1px solid #e7e5ee;grid-template-columns:380px minmax(0,1fr);height:100svh;min-height:650px;scroll-margin-top:0;display:grid}.ag-controls{background:linear-gradient(#fff,#fcfbff);border-right:1px solid #e3e5ec;flex-direction:column;min-height:0;display:flex}.ag-control-scroll{scrollbar-width:thin;scrollbar-color:#e0dce8 transparent;flex:1;min-height:0;padding:16px 16px 22px;overflow-y:auto}.ag-label{color:#374151;margin-bottom:12px;font-size:13px;font-weight:600;display:block}.ag-model{background:#fff;border:1px solid #e5e3eb;border-radius:14px;align-items:center;gap:10px;height:48px;margin-bottom:26px;padding:0 14px;font-size:14px;display:flex;box-shadow:0 1px 3px #20253606}.ag-model>svg{color:#935be1}.ag-credit{color:#8951d1;white-space:nowrap;background:#f5efff;border-radius:20px;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;font-size:10px;display:inline-flex}.ag-prompt-box{background:#fff;border:1px solid #e0e2e8;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 1px 2px #141a2507}.ag-prompt-box textarea{resize:none;color:#242a36;background:0 0;border:0;outline:none;width:100%;height:136px;padding:14px 42px 14px 14px;font:14px/1.65 Inter,Arial,sans-serif;display:block}.ag-prompt-box textarea::placeholder{color:#9aa3af}.ag-prompt-box:focus-within{border-color:#9b6ae7;box-shadow:0 0 0 2px #b99be31a}.ag-clear{color:#a0a6ae;cursor:pointer;background:0 0;border:0;padding:3px;position:absolute;top:13px;right:13px}.ag-prompt-box>div{background:#fafbfe;border-top:1px solid #f2f3f7;justify-content:space-between;align-items:center;height:48px;padding:12px 14px;display:flex}.ag-prompt-box>div>button{color:#4b5563;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:12px;display:inline-flex}.ag-prompt-box>div>span{color:#94a0af;font-size:11px}.ag-prompt-box>div>.ag-invalid{color:#be3c57}.ag-add-text{color:#8343ce;cursor:pointer;background:#f5efff;border:0;border-radius:5px;align-items:center;gap:7px;margin:10px 0 14px;padding:5px 9px;font-size:12px;font-weight:600;display:flex}.ag-lettering{grid-template-columns:minmax(0,1fr) 95px 24px;align-items:center;gap:5px;margin:10px 0 14px;display:grid}.ag-lettering input,.ag-lettering select{color:#383545;background:#fff;border:1px solid #e6e0ed;border-radius:6px;width:100%;height:34px;padding:0 7px;font-size:11px}.ag-lettering>button{color:#9b8ba7;cursor:pointer;background:0 0;border:0}.ag-mode-tabs{background:#f0f2f8;border-radius:9px;grid-template-columns:1fr 1fr;margin:0 0 14px;padding:4px;display:grid}.ag-mode-tabs button{color:#637080;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:32px;font-size:13px;display:flex}.ag-mode-tabs button[aria-selected=true]{color:#8b41d4;background:#fff;box-shadow:0 1px 3px #22133309}.ag-style-shortlist{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:38px;display:grid}.ag-style-shortlist>button{aspect-ratio:1;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;padding:0;position:relative;overflow:hidden}.ag-style-shortlist>button.is-active{border-color:#9858e9;box-shadow:0 0 0 2px #ab7ff323}.ag-style-shortlist img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.3)}.ag-style-shortlist>button>span{color:#fff;white-space:nowrap;background:linear-gradient(#0000,#292633bd);padding:18px 2px 5px;font-size:9px;position:absolute;bottom:0;left:0;right:0}.ag-style-shortlist .ag-style-check{color:#fff;background:#9751e6;border-radius:50%;padding:2px;position:absolute;top:3px;right:3px}.ag-style-shortlist>.ag-more{color:#9aa5b4;background:#fafaff;border:2px dashed #e2e5ed;flex-direction:column;justify-content:center;align-items:center;display:flex}.ag-style-shortlist>.ag-more>span{color:#8f9caf;background:0 0;padding:3px;font-size:9px;position:static}.ag-placement{cursor:pointer;color:#272a35;background:#fff;border:1px solid #e2e0e9;border-radius:17px;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 14px;display:flex;box-shadow:0 4px 16px #36264807}.ag-placement>span{color:#9650df;background:#fcfaff;border:1px solid #eae5f1;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.ag-placement strong{font-size:14px;font-weight:600}.ag-placement>svg{color:#939aa6}.ag-complexity-label{margin-top:35px}.ag-complexity{background:#f0f3f8;border:1px solid #eceef4;border-radius:14px;grid-template-columns:repeat(3,1fr);margin-bottom:28px;padding:5px;display:grid}.ag-complexity button{color:#667184;cursor:pointer;background:0 0;border:0;border-radius:9px;height:36px;font-size:12px}.ag-complexity button[aria-checked=true]{color:#8851cf;background:#fff;box-shadow:0 2px 6px #32223a05}.ag-info-row{justify-content:space-between;align-items:center;gap:15px;padding:15px 4px;display:flex}.ag-info-row strong{color:#48505e;font-size:12px;font-weight:600;display:block}.ag-info-row small{color:#a0a4ad;margin-top:5px;font-size:10px;display:block}.ag-info-row>svg{color:#9670b8;flex-shrink:0}.ag-generate-footer{background:#faf9ff;border-top:1px solid #e3e5ed;flex-shrink:0;padding:14px 16px 10px}.ag-generate{color:#fff;cursor:pointer;background:#8133ed;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:14px;font-weight:600;display:flex;box-shadow:0 3px 8px #893cec20}.ag-generate small{background:#ffffff21;border-radius:20px;padding:3px 7px;font-size:10px;font-weight:400;line-height:1.2;display:inline-flex}.ag-generate:disabled{cursor:wait;opacity:.7}.ag-generate-footer>p{color:#9695a1;text-align:center;margin:9px 0 0;font-size:9px;line-height:1.7}.ag-generate-footer>.ag-error{color:#b6405b;text-align:left;margin:0 0 10px;font-size:11px}.ag-preview{background:#f8f9fd;flex-direction:column;min-width:0;min-height:0;padding:32px;display:flex}.ag-preview h1{letter-spacing:-1px;text-align:center;color:#171b27;margin:5px 0 10px;font-size:36px;font-weight:650;line-height:1.25}.ag-subtitle{text-align:center;color:#6a6f7b;margin:0;font-size:16px;line-height:1.7}.ag-preview-tabs{flex-shrink:0;justify-content:center;gap:8px;margin:24px 0;display:flex}.ag-preview-tabs button{white-space:nowrap;color:#4c5564;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:24px;height:40px;padding:0 21px;font-size:13px}.ag-preview-tabs button[aria-selected=true]{color:#327e67;background:#eafff4;border-color:#d7f1e5;box-shadow:0 2px 5px #14352e04}.ag-stage{background:#fff radial-gradient(#b2aac81c .5px,#0000 .5px) 0 0/9px 9px;border:1px solid #e0e3e9;border-radius:17px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 25px #32314104}.ag-stage>img{object-fit:contain;width:100%;height:100%;padding:20px;display:block}.ag-example-note{text-align:center;color:#9696a2;flex-shrink:0;margin:10px 0 0;font-size:10px;line-height:1.7}.ag-result-top{color:#8e7c9f;justify-content:space-between;align-items:center;margin:22px 0 16px;font-size:12px;display:flex}.ag-result-top button{color:#8755ab;cursor:pointer;background:#fff;border:1px solid #e4ddeb;border-radius:20px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;display:flex}.ag-preview .tk-actions{flex-shrink:0;margin-top:16px}.ag-zoom{color:#9370ae;cursor:pointer;background:#ffffffed;border:1px solid #e8e3ed;border-radius:8px;place-items:center;padding:8px;display:grid;position:absolute;top:14px;right:14px}.ag-working{text-align:center;max-width:460px;padding:30px}.ag-working>svg{color:#9852e5;margin:0 auto 18px;animation:1.3s linear infinite ag-spin}.ag-working h2{margin-bottom:13px;font-size:19px;font-weight:600}.ag-working p{color:#92909d;font-size:13px;line-height:1.8}.ag-spin{animation:1.3s linear infinite ag-spin}.ag-text-button{color:#8747c3;cursor:pointer;background:0 0;border:0;padding:10px;font-size:13px}.ag-dialog{color:#252837;background:#fff;max-height:85svh;overflow-y:auto;max-width:660px!important;padding:28px!important}.ag-dialog h3{color:#89909d;margin:10px 0;font-size:12px}.ag-dialog p{color:#93909e;font-size:13px;line-height:1.7}.ag-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ag-style-grid button{cursor:pointer;background:#fff;border:2px solid #f0edf5;border-radius:14px;padding:0;position:relative;overflow:hidden}.ag-style-grid img{aspect-ratio:1;object-fit:cover;width:100%;transform:scale(1.1)}.ag-style-grid span{background:#faf8fe;padding:9px;font-size:12px;display:block}.ag-style-grid button>svg{color:#8c42d9;position:absolute;top:10px;right:10px}.ag-style-grid .is-active,.ag-part-grid .is-active,.ag-ratio-grid .is-active{color:#8942cf;background:#faf5ff;border-color:#9b57e8}.ag-ratio-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ag-ratio-grid button{color:#6d6877;cursor:pointer;background:#fff;border:1px solid #e4deec;border-radius:12px;padding:14px;font-size:12px}.ag-ratio-grid i{border:1px solid;width:26px;max-height:30px;margin:0 auto 10px;display:block}.ag-part-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ag-part-grid button{color:#6f6a78;cursor:pointer;background:#fff;border:1px solid #e4deec;border-radius:9px;padding:11px 5px;font-size:11px}.ag-remix-input{margin:0 0 24px;position:relative}.ag-remix-input>img{object-fit:contain;background:#fff;border:1px solid #e7e1ed;border-radius:12px;width:100%;height:155px;display:block}.ag-remix-upload{color:#9661c4;cursor:pointer;background:#fbf8ff;border:1px dashed #d9c8eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:120px;font-size:12px;display:flex}.ag-remix-upload small{color:#a29aa9;font-size:10px}.ag-history-link{color:#8b51ba;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:9px;font-size:11px;display:flex}.ag-rights{color:#9991a2;align-items:flex-start;gap:7px;margin:12px 0 0;font-size:10px;line-height:1.6;display:flex}.ag-rights input{accent-color:#8e3de0;margin-top:2px}.ag-remove-ref{color:#8c799e;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;padding:5px;position:absolute;top:8px;right:8px}.ag-saved-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ag-saved-grid a{color:#8b5dab;border:1px solid #eee5f3;border-radius:10px;padding:8px;font-size:11px}.ag-saved-grid img{aspect-ratio:1;object-fit:contain;width:100%}.ag-saved-grid span{margin-top:5px;display:block}.ag-zoom-dialog{max-height:90svh;overflow:auto;max-width:900px!important}.ag-zoom-dialog>img{object-fit:contain;background:#fff;width:100%;max-height:65svh}.ag-page button:focus-visible,.ag-page textarea:focus-visible,.ag-page select:focus-visible,.ag-page input:focus-visible{outline-offset:3px;outline:2px solid #b38ade}.ag-page .ag-controls button:disabled:not(.ag-generate){opacity:.55;cursor:wait}.ag-page .ag-app{margin-left:260px}.ag-page .tk-history{padding-top:35px}.ag-page .tk-history-card{cursor:pointer}@keyframes ag-spin{to{transform:rotate(360deg)}}@media (width>=801px) and (width<=1540px){.ag-page .tk-rail{width:80px;padding-left:12px;padding-right:12px}.ag-page .tk-brand{justify-content:center;padding-inline:0}.ag-page .tk-brand img{width:28px;height:28px}.ag-page .tk-rail nav a{justify-content:center;gap:0;padding:12px;font-size:0}.ag-page .tk-rail nav svg{width:22px;height:22px}.ag-page .tk-rail-bottom{display:none}.ag-page .ag-app{margin-left:80px}}@media (width<=1100px) and (width>=801px){.ag-workspace{grid-template-columns:340px minmax(0,1fr)}.ag-preview{padding:24px}.ag-preview h1{font-size:29px}.ag-preview-tabs button{padding:0 10px;font-size:11px}.ag-subtitle{font-size:13px}.ag-preview-tabs{gap:0}}@media (width<=800px){.ag-page .ag-app{margin-left:0}.ag-workspace{flex-direction:column;height:auto;min-height:0;display:flex}.ag-controls{border-bottom:1px solid #e3e5ec;border-right:0}.ag-control-scroll{padding:22px;overflow:visible}.ag-model{margin-bottom:24px}.ag-style-shortlist{max-width:400px;margin-bottom:28px}.ag-placement-label{margin-top:10px}.ag-complexity-label{margin-top:24px}.ag-info-row{padding:12px 4px}.ag-generate-footer{padding:16px 22px}.ag-preview{padding:28px 20px}.ag-preview h1{font-size:29px}.ag-subtitle{font-size:14px}.ag-preview-tabs{flex-wrap:wrap;gap:0;margin:20px 0}.ag-preview-tabs button{height:36px;padding:0 12px;font-size:11px}.ag-stage{flex:none;height:470px}.ag-stage>img{padding:12px}.ag-preview .tk-actions{flex-wrap:wrap;gap:8px}.ag-preview .tk-actions button,.ag-preview .tk-actions a{height:38px;padding:0 10px;font-size:10px}.ag-lettering{grid-template-columns:minmax(0,1fr) 98px 24px}.ag-dialog{padding:24px!important}.ag-part-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ag-style-grid{gap:10px}.ag-style-grid span{font-size:10px}.ag-page .tk-history{padding:30px 22px}.ag-page .tk-history-head{flex-wrap:wrap}.ag-page .tk-history-head h2{font-size:20px}.ag-page .tk-history-head p{font-size:11px}.ag-stage .ag-working{padding:22px}.ag-preview .ag-result-top{margin-top:20px}}@media (prefers-reduced-motion:reduce){.ag-spin,.ag-working>svg{animation:none}}.ag-working>svg:not(.lucide-loader-circle){animation:none}.ag-reference-loading{color:#9b8da8;background:#faf8fd;border:1px dashed #ddd2e9;border-radius:12px;place-items:center;min-height:120px;padding:25px 12px;font-size:12px;line-height:1.8;display:grid}
