:root{--ink:#28232e;--muted:#8d8795;--border:#e6e2e9;--purple:#7054d8;--sans:Inter, "SF Pro Display", "Hiragino Sans", "Yu Gothic", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf9fc}*{box-sizing:border-box}html{background:#faf9fc;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #7054d894}::selection{color:#2f214d;background:#ded4ff}.app-shell{min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9fceb;justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#7054e9,#a55bea);border-radius:12px;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-size:21px;font-style:italic;font-weight:700;display:grid;box-shadow:0 8px 18px #7054e93d}.brand h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:17px;font-weight:760}.brand p{color:var(--muted);margin:2px 0 0;font-size:11px}.topbar-actions{align-items:center;gap:8px;display:flex}.data-mobile-button{display:none}.button{cursor:pointer;border:1px solid #0000;border-radius:11px;min-height:40px;padding:0 16px;font-size:13px;font-weight:680;transition:transform .16s,box-shadow .16s,border-color .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button.small{min-height:36px;padding:0 13px;font-size:12px}.button-primary{color:#fff;background:var(--purple);box-shadow:0 7px 16px #6649d633}.button-ghost{border-color:var(--border);background:#fff}.workspace{grid-template-columns:196px minmax(420px,1fr) 390px;min-height:calc(100vh - 77px);display:grid}.sidebar{box-sizing:border-box;border-right:1px solid var(--border);background:#f7f6f9;align-self:start;height:calc(100vh - 77px);padding:25px 15px;position:sticky;top:77px;overflow-y:auto}.sidebar-label,.eyebrow{color:#9b98a5;letter-spacing:.16em;font-size:9px;font-weight:800}.sidebar-label{padding:0 12px 10px}.sidebar-title-row{justify-content:space-between;align-items:center;display:flex}.sidebar-title-row>button{color:#897ca0;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:-7px 7px 4px 0;padding:3px 6px;font-size:9px;font-weight:700}.sidebar-title-row>button:hover{color:#6245cd;background:#e9e4fa}.category-item{color:#66616f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:23px 1fr auto;align-items:center;gap:7px;width:100%;min-height:38px;padding:0 10px;font-size:12px;transition:all .14s;display:grid}.category-item:hover{color:var(--ink);background:#eeecf3}.category-item.active{color:#5e42c4;background:#e9e4fa;font-weight:720}.category-item small{color:#aaa5b2;font-size:10px}.category-icon{color:#8f899b;text-align:center;font-size:14px}.category-item.active .category-icon{color:#6a4ed1}.sidebar-divider{background:var(--border);height:1px;margin:14px 10px}.library-panel{min-width:0;padding:30px}.library-toolbar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.library-toolbar h2,.builder-heading h2{color:var(--ink);letter-spacing:-.04em;margin:4px 0 0;font-size:24px}.search-box{box-sizing:border-box;border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:8px;width:min(310px,45%);min-height:41px;padding:0 12px;display:flex;box-shadow:0 4px 16px #2d244608}.search-box>span{color:#aaa5b4;font-size:19px}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:12px}.search-box button{color:#aaa5b4;cursor:pointer;background:0 0;border:0}.block-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px;display:grid}.prompt-block{border:1px solid var(--border);background:#fff;border-radius:15px;min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden;box-shadow:0 5px 20px #2a224109}.prompt-block:hover{border-color:#c9c2dd;transform:translateY(-2px);box-shadow:0 11px 28px #2a224117}.prompt-block.selected{border-color:#8367e3;box-shadow:0 0 0 2px #7054e91c,0 11px 28px #47328b1a}.block-select{cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;width:100%;min-height:148px;padding:16px 38px 13px 16px;display:flex}.block-category{color:#6e657c;background:#f1eff4;border-radius:6px;align-items:center;margin-bottom:12px;padding:4px 7px;font-size:9px;font-weight:720;display:inline-flex}.category-hair,.category-eyes{color:#397293;background:#e6f4f8}.category-clothes,.category-style{color:#865292;background:#f4e9f8}.category-background,.category-light{color:#897024;background:#f8f2dd}.category-negative{color:#9a4f58;background:#fae9ec}.category-expression,.category-pose{color:#3b7e65;background:#e6f4ee}.block-select strong{color:var(--ink);margin-bottom:5px;font-size:14px;line-height:1.35}.block-select code{color:#7d7786;max-width:100%;font-family:var(--mono);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.tag-row{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:9px;display:flex}.tag-row small{color:#aaa4b3;font-size:9px}.selection-check{color:#aaa4b3;background:#fff;border:1px solid #ded9e6;border-radius:7px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid;position:absolute;top:14px;right:13px}.selected .selection-check{border-color:var(--purple);color:#fff;background:var(--purple)}.block-actions{opacity:0;border-top:1px solid #f0edf3;justify-content:flex-end;align-items:center;gap:4px;height:32px;padding:0 10px;transition:opacity .14s;display:flex}.prompt-block:hover .block-actions,.prompt-block:focus-within .block-actions{opacity:1}.block-actions button{color:#a29cab;cursor:pointer;background:0 0;border:0;padding:3px 5px;font-size:10px}.block-actions button:hover,.block-actions .favorite{color:#7054d8}.builder-panel{box-sizing:border-box;border-left:1px solid var(--border);background:#f8f7fa;align-self:start;height:calc(100vh - 77px);padding:30px 24px 70px;position:sticky;top:77px;overflow-y:auto}.builder-heading{justify-content:space-between;align-items:center;display:flex}.count-badge{color:#6245cd;background:#e9e4fa;border-radius:9px;place-items:center;min-width:29px;height:29px;font-size:12px;font-weight:800;display:grid}.builder-hint{color:var(--muted);margin:9px 0 18px;font-size:10px}.selected-list{flex-direction:column;gap:7px;min-height:132px;display:flex}.selected-item{border:1px solid var(--border);cursor:grab;background:#fff;border-radius:12px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:7px 7px 7px 10px;display:grid}.selected-item:active{cursor:grabbing}.drag-handle{color:#bbb5c4}.selected-item>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.selected-item strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.selected-item small{color:#9e98a7;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.order-actions{gap:2px;display:flex}.order-actions button{color:#9992a4;cursor:pointer;background:0 0;border:0;border-radius:6px;width:22px;height:26px;padding:0;font-size:10px}.order-actions button:hover:not(:disabled){color:#6245cd;background:#eeeafa}.order-actions button:disabled{opacity:.25}.empty-selected{color:#aaa5b2;text-align:center;border:1px dashed #d6d1de;border-radius:13px;align-content:center;place-items:center;gap:8px;min-height:126px;display:grid}.empty-selected div{background:#efedf2;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.empty-selected p{margin:0;font-size:10px;line-height:1.6}.clear-button{color:#9a94a3;cursor:pointer;background:0 0;border:0;margin:10px 0 18px auto;font-size:9px;display:block}.output-card,.preset-card{border:1px solid var(--border);background:#fff;border-radius:15px;margin-top:18px;padding:16px;box-shadow:0 6px 22px #2a224109}.output-heading,.preset-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.output-heading h3,.preset-heading h3{color:var(--ink);margin:0;font-size:13px}.output-heading select{border:1px solid var(--border);color:#716b79;background:#faf9fb;border-radius:7px;outline:none;padding:5px 7px;font-size:9px}.prompt-output{background:#faf9fb;border:1px solid #edeaf1;border-radius:10px;padding:11px}.negative-output{background:#fdf9fa;border-color:#f0e2e5;margin-top:8px}.output-label{justify-content:space-between;align-items:center;display:flex}.output-label span{color:#9c95a7;letter-spacing:.12em;font-size:8px;font-weight:800}.output-label button{color:#7054d8;cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:700}.output-label button:disabled{color:#b7b1be;cursor:default}.prompt-output p{color:#554f5c;max-height:108px;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font-size:10px;line-height:1.6;overflow-y:auto}.prompt-output p.placeholder{color:#b5b0ba;font-family:var(--sans)}.copy-main{color:#fff;cursor:pointer;background:linear-gradient(135deg,#674bd0,#8867e6);border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:43px;margin-top:10px;padding:0 13px;font-size:11px;font-weight:750;display:flex}.copy-main:disabled{color:#9f99a8;cursor:not-allowed;background:#ece9ef}.copy-main kbd{color:#ffffffbf;font-family:var(--sans);background:#ffffff21;border-radius:5px;padding:3px 6px;font-size:8px}.copy-main:disabled kbd{color:#aaa4b1;background:#e1dde5}.preset-heading{margin-bottom:10px}.preset-heading small{color:#aaa4b2;font-size:9px}.preset-form{grid-template-columns:1fr auto;gap:6px;display:grid}.preset-form input{box-sizing:border-box;border:1px solid var(--border);min-width:0;height:35px;color:var(--ink);background:#faf9fb;border-radius:9px;outline:none;padding:0 10px;font-size:10px}.preset-form input:focus{border-color:#8a70df}.preset-form button{color:#fff;cursor:pointer;background:#7860d3;border:0;border-radius:9px;padding:0 12px;font-size:10px;font-weight:700}.preset-form button:disabled{color:#9f99a8;cursor:not-allowed;background:#ece9ef}.preset-list{flex-direction:column;gap:5px;max-height:180px;margin-top:9px;display:flex;overflow-y:auto}.preset-list>p{color:#aaa4b2;margin:5px 0 0;font-size:9px}.preset-item{border:1px solid #eeebf1;border-radius:8px;align-items:center;display:flex}.preset-item>button:first-child{cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:7px 8px;display:flex}.preset-item strong{color:#57505e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.preset-item small{color:#aaa4b2;white-space:nowrap;font-size:8px}.preset-delete{color:#aaa4b2;cursor:pointer;background:0 0;border:0;width:28px;height:28px}.empty-library{color:#aaa4b2;text-align:center;align-content:center;place-items:center;min-height:360px;display:grid}.empty-library>span{font-size:30px}.empty-library h3{color:#716a79;margin:10px 0 4px;font-size:14px}.empty-library p{margin:0;font-size:11px}.mobile-categories,.mobile-copybar{display:none}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f192b6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{box-sizing:border-box;background:#fff;border:1px solid #fff6;border-radius:19px;width:min(520px,100%);padding:24px;box-shadow:0 24px 70px #21183740}.modal-heading{justify-content:space-between;align-items:start;margin-bottom:20px;display:flex}.modal-heading h2{color:var(--ink);letter-spacing:-.03em;margin:4px 0 0;font-size:22px}.icon-button{border:1px solid var(--border);color:#857e8d;cursor:pointer;background:#faf9fb;border-radius:10px;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.field{flex-direction:column;gap:7px;margin-bottom:15px;display:flex}.field>span{color:#716a79;font-size:11px;font-weight:700}.field input,.field textarea,.field select{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--ink);resize:vertical;background:#faf9fb;border-radius:10px;outline:none;padding:11px 12px;font-size:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8469df;box-shadow:0 0 0 3px #7054d81a}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.category-modal{width:min(660px,100%)}.category-modal .modal-heading{margin-bottom:17px}.category-modal .modal-heading p{color:var(--muted);margin:5px 0 0;font-size:10px}.category-editor-head,.category-editor-row{grid-template-columns:66px minmax(140px,1fr) 70px 106px;align-items:center;gap:8px;display:grid}.category-editor-head{color:#aaa4b2;padding:0 8px 7px;font-size:8px;font-weight:750}.category-editor-head span:nth-child(3),.category-editor-head span:nth-child(4){text-align:center}.category-editor-list{flex-direction:column;gap:6px;max-height:min(45vh,400px);padding:2px 3px 2px 0;display:flex;overflow-y:auto}.category-editor-row{background:#faf9fb;border:1px solid #ece9ef;border-radius:11px;padding:7px 8px}.category-editor-row input,.new-category-fields input{box-sizing:border-box;border:1px solid var(--border);width:100%;height:34px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:0 9px;font-size:11px}.category-editor-row input:focus,.new-category-fields input:focus{border-color:#8469df;box-shadow:0 0 0 3px #7054d817}.category-editor-row .category-icon-input,.new-category-fields .category-icon-input{text-align:center;padding:0;font-size:17px}.category-block-count{color:#766f80;background:#eeebf2;border-radius:8px;place-items:center;width:32px;height:27px;margin:auto;font-size:10px;font-weight:750;display:grid}.category-row-actions{justify-content:center;gap:4px;display:flex}.category-row-actions button{border:1px solid var(--border);color:#827b8b;cursor:pointer;background:#fff;border-radius:7px;place-items:center;width:27px;height:27px;padding:0;font-size:10px;display:grid}.category-row-actions button:hover:not(:disabled){color:#6245cd;border-color:#b8a9e3}.category-row-actions button:disabled{cursor:default;opacity:.3}.category-row-actions .category-delete:hover{color:#b54d5b;background:#fff8f9;border-color:#e7b7bd}.new-category{background:#f7f3ff;border:1px solid #ded6f2;border-radius:12px;margin-top:14px;padding:13px}.new-category>div:first-child{align-items:baseline;gap:8px;margin-bottom:9px;display:flex}.new-category strong{color:#4d425d;font-size:11px}.new-category-fields{grid-template-columns:54px 1fr 76px;gap:7px;display:grid}.new-category-fields button{color:#fff;cursor:pointer;background:#7054d8;border:0;border-radius:8px;font-size:10px;font-weight:750}.new-category-fields button:disabled{color:#a7a0af;cursor:not-allowed;background:#e9e5ed}.category-manager-note{color:#9a93a2;margin-top:10px;font-size:9px;line-height:1.55}.data-modal{width:min(430px,100%)}.data-modal .modal-heading{margin-bottom:16px}.data-modal .modal-heading p{color:var(--muted);margin:5px 0 0;font-size:10px}.data-action-list{flex-direction:column;gap:9px;display:flex}.data-action-list>button{border:1px solid var(--border);min-height:70px;color:inherit;cursor:pointer;text-align:left;background:#faf9fb;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:10px 13px;display:grid}.data-action-list>button:hover{background:#f7f3ff;border-color:#bbaee3}.data-action-icon{color:#6549ca;background:#e9e4fa;border-radius:10px;place-items:center;width:38px;height:38px;font-size:19px;font-weight:750;display:grid}.data-action-list>button>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.data-action-list strong{color:var(--ink);font-size:12px}.data-action-list small{color:#918a9a;font-size:9px;line-height:1.45}.data-note{color:#9a93a2;margin:12px 2px 0;font-size:9px;line-height:1.55}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}@media (width<=1180px){.workspace{grid-template-columns:174px minmax(390px,1fr) 350px}.library-panel{padding:24px 20px}.builder-panel{padding-inline:18px}.topbar-actions .desktop-data-button{display:none}}@media (width<=880px){.topbar{height:auto;min-height:68px;padding:10px 15px;position:relative}.brand p{display:none}.topbar-actions .button-primary{padding-inline:11px}.topbar-actions .data-mobile-button{justify-content:center;align-items:center;display:inline-flex}.workspace{display:block}.sidebar{display:none}.mobile-categories{scrollbar-width:none;gap:7px;margin:-2px -15px 20px;padding:0 15px 4px;display:flex;overflow-x:auto}.mobile-categories::-webkit-scrollbar{display:none}.mobile-categories button{border:1px solid var(--border);color:#756e7d;background:#fff;border-radius:999px;flex:none;min-height:32px;padding:0 11px;font-size:10px}.mobile-categories button.active{color:#fff;background:#7256d8;border-color:#7256d8}.mobile-categories .category-settings{color:#684fbe;background:#f1edfb;border-color:#d9d1ef}.library-panel{padding:22px 15px 30px}.library-toolbar{align-items:center}.library-toolbar h2{font-size:21px}.search-box{width:48%}.block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-panel{border-top:1px solid var(--border);border-left:0;height:auto;padding:28px 15px 110px;position:static;overflow:visible}.block-actions{opacity:1}.mobile-copybar{z-index:40;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#282134f0;border:1px solid #ffffff2e;border-radius:16px;justify-content:space-between;align-items:center;padding:10px 10px 10px 15px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 13px 35px #1c142a4d}.mobile-copybar>div{align-items:baseline;gap:6px;display:flex}.mobile-copybar strong{font-size:20px}.mobile-copybar span{color:#ffffffb3;font-size:10px}.mobile-copybar button{color:#fff;background:#8062e4;border:0;border-radius:11px;min-height:39px;padding:0 15px;font-size:11px;font-weight:750}.mobile-copybar button:disabled{color:#ffffff73;background:#ffffff1a}}@media (width<=520px){.brand-mark{border-radius:10px;width:35px;height:35px}.brand h1{font-size:14px}.topbar-actions .button{min-height:34px;font-size:10px}.topbar-actions{gap:5px}.library-toolbar{display:block}.search-box{width:100%;margin-top:14px}.block-grid{gap:8px}.prompt-block{border-radius:13px}.block-select{min-height:136px;padding:13px 31px 11px 12px}.block-select strong{font-size:12px}.block-select code{font-size:8px}.block-category{margin-bottom:9px;font-size:8px}.block-actions{justify-content:center}.form-row{grid-template-columns:1fr;gap:0}.category-editor-head{display:none}.category-editor-row{grid-template-columns:44px minmax(90px,1fr) 36px}.category-row-actions{grid-column:1/-1;justify-content:flex-end}.category-editor-list{max-height:48vh}.new-category-fields{grid-template-columns:44px 1fr}.new-category-fields button{grid-column:1/-1;min-height:35px}.modal{padding:19px}}