/* Shared detail pass: visual hierarchy, quiet motion and explicit state feedback. */
:root{--ui-ease:cubic-bezier(.2,.7,.2,1)}
.design-d .site-header{background:#ffffffed;backdrop-filter:blur(14px);border-bottom-color:#e9edf5}.design-d .hero h1{color:#303b57;letter-spacing:-.4px}.design-d .hero p{color:#8c97ad}.design-d .eyebrow{color:#a3a4bc}.design-d .eyebrow:before{background:#b8a8da}.design-d .section-head h2{color:#46526e;font-weight:550}.design-d .subtle{color:#a0a9bd}.design-d .section-head h2 .subtle{font-size:11px;font-weight:400;margin-left:12px}.design-d .hero .art-square.a{background:#e9e2f3}.design-d .hero .art-square.a:after{background:#b7a4cf}.design-d .hero .art-square.b{background:#f6d9c6}.design-d .hero .art-square.b:after{background:#eca58c}.design-d .hero .art-square.c{background:#e1e7f3}.design-d .hero .art-square.c:after{background:#aebcd9}.design-d .hero-visual{transition:transform .4s var(--ui-ease)}.design-d .hero:hover .hero-visual{transform:translateY(-3px)}
.design-d .btn{min-height:36px;border-radius:8px;font-size:11px;gap:8px;line-height:1.5}.design-d .btn>svg,.empty-state .btn>svg,dialog .btn>svg{width:16px;height:16px;margin:0;flex-shrink:0;color:currentColor;stroke-width:1.7}.design-d .btn.primary{color:#fff;background:#f47f6d;border-color:#f47f6d}.design-d .btn.subtle{background:#fff;border-color:#e8eaf4;color:#919ab1}.btn,.nav-link,.edit-tool,.smart-tool,.quality-option,.ratio,.mode-switch button,.prompt-tabs button,.generate,.account-btn,.text-action,.help-button,.ops-btn,.ops-text,.ops-sidebar nav button,.ops-icon-btn{transition:background .18s,border-color .18s,color .18s,box-shadow .2s,transform .18s var(--ui-ease)}
.design-d .btn:not(:disabled):hover{border-color:#d4cfdf;box-shadow:0 4px 12px #6b638d0b;transform:translateY(-1px)}.design-d .btn.primary:not(:disabled):hover{background:#ed7664;border-color:#ed7664;box-shadow:0 6px 16px #ed897b26}.btn>svg:last-child{transition:transform .2s var(--ui-ease)}.empty-actions .btn:hover>svg:last-child,.preview-auth .btn:hover>svg:last-child{transform:translateX(3px)}.design-d .nav-link:hover{background:#f8f5fc;color:#8582a6}.design-d .nav-link.active:hover{background:#fff1ed;color:#e18b79}.design-d .help-button:hover,.design-d .account-btn:hover{background:#f5f3fa;border-radius:8px;color:#8e83b1}.quality-option:not(.selected):hover,.ratio:not(.selected):hover{background:#fcfaff;border-color:#e0d8ef;transform:translateY(-1px)}.quality-option.selected{box-shadow:0 0 0 2px #fff0eb}.mode-switch button:not(.selected):hover,.prompt-tabs button:not(.active):hover{color:#8982a5;background:#f5f2fa}.edit-tool:not(.selected):hover,.smart-tool:not(.selected):hover{background:#f6f2fb;color:#8a7fad}.design-d .generate:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #e9948030}.design-d .generate:disabled{transform:none}.d-inspiration-grid button,.price-card,.job{transition:transform .25s var(--ui-ease),box-shadow .25s,border-color .2s}.d-inspiration-grid button{overflow:hidden}.d-inspiration-grid img,.job-img{transition:transform .5s var(--ui-ease)}.d-inspiration-grid button:hover img{transform:scale(1.035)}.job:hover{transform:translateY(-3px);box-shadow:0 12px 32px #515b7b0b}.price-card:hover{transform:translateY(-3px);border-color:#e0d7ed;box-shadow:0 10px 25px #6c6b8d09}.prompt-box{transition:border-color .2s,box-shadow .2s}.prompt-box:focus-within{border-color:#d4c6e8!important;box-shadow:0 0 0 3px #f2edf9}.optimizer-label input,.optimizer-label input:after{transition:background .2s,transform .2s}.design-d .text-action:hover{color:#9b89b8}.design-d button:focus-visible,.design-d a:focus-visible,.ops-layout button:focus-visible,.ops-layout a:focus-visible,dialog button:focus-visible{outline:3px solid #b6a2d766;outline-offset:3px}.design-d button:disabled:hover{box-shadow:none;transform:none}.history-private{display:inline-flex;align-items:center;gap:6px;color:#a4adc1;font-size:10px}.history-private svg{width:13px;height:13px;color:#b0a5c9}
.design-d .empty-state{position:relative;padding:38px 24px 34px;min-height:360px;border-color:#e9eaf3;background:radial-gradient(ellipse 210px 115px at 50% 24%,#f8f4ff 0,transparent 100%),#fff;text-align:center;color:#939eb5;isolation:isolate}.design-d .empty-state h3{font-size:21px;font-weight:550;color:#505b77;letter-spacing:.5px;margin:12px 0 13px;line-height:1.5}.design-d .empty-state p{color:#99a3b8;font-size:12px;line-height:1.95;margin:0}.empty-kicker{display:block;font-size:8px;letter-spacing:2.3px;color:#b2aac8;font-weight:500}.empty-art{position:relative;width:142px;height:112px;margin:0 auto 15px;pointer-events:none}.empty-orbit{position:absolute;inset:0 6px 0;border:1px dashed #e9e3f3;border-radius:50%;transform:rotate(-22deg)}.empty-frame{position:absolute;border:1px solid #e8e1f0;border-radius:10px;background:linear-gradient(150deg,#fff,#f0ebf8);height:71px;width:58px;display:grid;place-items:center;box-shadow:0 5px 15px #7e70970b;transition:transform .45s var(--ui-ease)}.empty-frame.back{left:24px;top:20px;transform:rotate(-16deg)}.empty-frame.front{left:66px;top:28px;transform:rotate(12deg);background:linear-gradient(150deg,#fff9f5,#f9e1d7);border-color:#f0d6c9}.empty-state .empty-art .empty-frame svg{width:26px;height:26px;color:#b8acd0;margin:0;stroke-width:1.35}.empty-state .empty-art .empty-frame.front svg{color:#dca18c}.empty-frame.front i{width:5px;height:5px;border-radius:50%;background:#fffaf7;position:absolute;top:11px;right:10px}.empty-art-spark{position:absolute;left:112px;top:12px;border-radius:9px;display:grid;place-items:center;height:23px;width:23px;background:#f1ebfa;color:#b19cca;box-shadow:0 0 0 4px #fff9}.empty-state .empty-art .empty-art-spark svg{width:13px;height:13px;margin:0;color:#b09acb}.empty-state:hover .empty-frame.back{transform:rotate(-19deg) translateY(-3px)}.empty-state:hover .empty-frame.front{transform:rotate(9deg) translateY(-4px)}.empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:23px 0 0}.design-d .empty-actions .btn{width:auto;min-width:135px;min-height:40px;padding:10px 16px;font-size:11px}.empty-benefits{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-top:27px;font-size:10px;color:#aaaec2}.empty-benefits>span{display:flex;gap:5px;align-items:center}.empty-state .empty-benefits svg{width:12px;height:12px;color:#b9afcc;margin:0}.empty-preview-note{display:block;font-size:9px;color:#b8bfd0;margin-top:17px}.guest-history{min-height:416px!important}.empty-symbol{height:46px;width:46px;display:grid;place-items:center;margin:6px auto 15px;border-radius:12px;background:#f4f0fa;color:#b3a4ce}.empty-state .empty-symbol svg{margin:0;width:21px;height:21px;color:currentColor}.design-d .compact-empty{min-height:240px;padding:32px 20px}.design-d .compact-empty h3{font-size:17px}.design-d .compact-empty .btn{margin-top:20px;width:auto}.history-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 20px}.history-tabs{display:flex;gap:3px;padding:4px;background:#eceef6;border-radius:8px}.history-tabs button{padding:8px 13px;border-radius:6px;font-size:11px;color:#9da6bd;transition:background .2s,color .2s,box-shadow .2s}.history-tabs button.active{background:#fff;box-shadow:0 2px 7px #8586a50b;color:#897aa8}.history-tools form{display:flex;gap:8px;align-items:center}.history-tools input{border:1px solid #e6e9f3;border-radius:7px;background:#fff;padding:9px 11px;font-size:11px;color:#7e8da8;width:185px}.history-tools input::placeholder{color:#b2bacb}.history-tools .btn{min-height:33px}.history-heading .btn{margin:0}.design-d .account-panel{border-color:#e7e9f3}.design-d .account-panel h2{color:#4f5d79}.design-d .account-panel p,.design-d .legal p{color:#8995ab}.design-d .legal h2,.design-d .legal h3{color:#56627f}.design-d .legal .notice{color:#a297b6;border-color:#eae3f3;background:#f8f5fc}
#toast{display:flex;gap:9px;align-items:center;background:#45445c;color:#fff;font-size:11px;line-height:1.75;padding:12px 17px;border-radius:10px;box-shadow:0 8px 24px #38344e24;transition:opacity .22s,transform .25s var(--ui-ease);max-width:min(520px,90vw)}#toast>svg{height:16px;width:16px;color:#d5c9ec;flex-shrink:0}#toast[data-tone=success]>svg{color:#c6e2d8}#toast[data-tone=error]{background:#705159}#toast[data-tone=error]>svg{color:#f2c0b6}dialog{background:#fff;box-shadow:0 25px 85px #3a355638;color:#56627b;border-color:#e7e5f0;padding:32px}dialog h2{color:#4d5874;font-weight:550;font-size:21px}dialog p{color:#919cb2}.dialog-close{display:grid;place-items:center;width:28px;height:28px;padding:0;top:12px;right:12px;border-radius:50%;font-size:21px;color:#b0adc2;transition:background .15s,color .15s}.dialog-close:hover{background:#f1edf7;color:#8c7da8}dialog::backdrop{background:#28293d52;backdrop-filter:blur(5px)}dialog input:not([type=checkbox]),dialog textarea,dialog select{border-color:#e4e7f0;color:#76839f;transition:border-color .18s,box-shadow .18s}dialog input:not([type=checkbox]):focus,dialog textarea:focus{outline:none;border-color:#c7b8db;box-shadow:0 0 0 3px #f3edf9}dialog .btn{border-color:#e8e6f1;color:#8f87a7;min-height:39px;gap:8px}dialog .btn.primary{background:#f47f6d;color:#fff;border-color:#f47f6d}.dialog-toggle{color:#a69abb}.dialog-error{color:#ca8a86;line-height:1.8}.preview-auth{text-align:center;padding-top:10px}.preview-auth-symbol{display:grid;place-items:center;height:54px;width:54px;background:#f2edf9;color:#b09acb;border-radius:16px;margin:5px auto 22px}.preview-auth-symbol svg{width:24px;height:24px}.preview-auth .empty-kicker{margin-bottom:15px}.preview-auth h2{font-size:21px;line-height:1.5}.preview-auth-note{padding:11px 13px;background:#f8f6fc;border:1px solid #eeebf5;border-radius:7px;font-size:10px;line-height:1.8;color:#a397b6;margin:20px 0 6px}.ui-spinner{display:inline-block;width:13px;height:13px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .75s linear infinite;flex-shrink:0}.is-busy{cursor:wait!important}.is-busy svg{animation:ui-spin .85s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}
/* Operations: readable details, a responsive chart, quiet hover and focus feedback. */
.ops-layout{--op-muted:#8c94a8}.ops-toolbar input{min-height:30px}.ops-toolbar input:focus{outline:0;color:#64718b}.ops-toolbar form:focus-within>svg{color:#b099cb}.ops-table tbody tr{transition:background .18s}.ops-table tbody tr:hover{background:#faf8fd}.ops-layout .ops-table th{font-weight:500;color:#909ab0}.ops-layout .ops-table td{color:#7c89a1}.ops-sidebar nav button:not(.active):hover{transform:translateX(2px)}.ops-kpi{transition:transform .22s var(--ui-ease),box-shadow .22s,border-color .22s}.ops-kpi:hover{transform:translateY(-3px);box-shadow:0 9px 23px #414c6a0a;border-color:#ded6eb}.ops-btn.primary:hover{box-shadow:0 5px 13px #ec897626;transform:translateY(-1px)}.ops-text:hover{color:#87739f}.ops-icon-btn:hover{color:#a18abf;background:#f8f5fc;border-radius:6px}.ops-chart-frame{position:relative}.ops-layout .ops-chart-point{outline:none;cursor:crosshair}.ops-chart-dot{transition:r .16s,stroke-width .16s,fill .16s}.ops-chart-point:hover .ops-chart-dot,.ops-chart-point:focus .ops-chart-dot{r:5;fill:#ee806e;stroke-width:3;stroke:#fff}.ops-chart-tooltip{position:absolute;z-index:4;background:#45445d;color:#f8f6fd;border:1px solid #ffffff10;border-radius:7px;padding:8px 11px;min-width:105px;transform:translate(-50%,-100%);pointer-events:none;box-shadow:0 5px 18px #3e395221;font-size:9px;text-align:center;line-height:1.7;white-space:nowrap}.ops-chart-tooltip:after{content:'';position:absolute;left:calc(50% - 4px);bottom:-4px;width:8px;height:8px;transform:rotate(45deg);background:#45445d}.ops-chart-tooltip strong{display:block;font-size:13px;font-weight:500;color:#f0c0b2}.ops-chart-tooltip[hidden]{display:none}.ops-trend-line{stroke-dasharray:1;animation:ui-draw-line .5s var(--ui-ease) both}@keyframes ui-draw-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}.ops-badge{transition:box-shadow .15s}.ops-note-item{animation:ui-note-in .2s ease-out}@keyframes ui-note-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:730px){.design-d .hero h1{font-size:25px}.design-d .section-head h2 .subtle{font-size:9px;margin-left:7px}.design-d .empty-state{padding:29px 19px;min-height:340px}.design-d .empty-state h3{font-size:19px}.design-d .empty-state p{font-size:11px}.empty-art{transform:scale(.9);margin-bottom:8px}.empty-benefits{font-size:9px;gap:12px;margin-top:24px}.guest-history{min-height:395px!important}.empty-preview-note{font-size:8px;line-height:1.8}.design-d .empty-actions .btn{font-size:10px;min-height:38px;min-width:125px}.history-private{font-size:9px}.history-tools{gap:12px}.history-tabs{width:100%;justify-content:space-between}.history-tabs button{font-size:10px;flex:1;padding:8px}.history-tools form{width:100%}.history-tools input{flex:1;width:0}.preview-auth h2{font-size:19px}.ops-layout .ops-table th{font-size:10px}dialog{padding:27px 23px}.ops-chart-tooltip{font-size:8px;padding:7px 10px}.ops-chart-tooltip strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ops-trend-line{stroke-dashoffset:0!important}.design-d .hero:hover .hero-visual,.empty-state:hover .empty-frame{transform:none}}
.ui-boot{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#ae9fc7;text-align:center}.ui-boot-mark svg{width:42px;height:42px}.ui-boot>b{font-size:21px;letter-spacing:4px;font-weight:550;color:#67738d;margin-left:4px}.ui-boot p{font-size:11px;color:#a8b1c3;margin:0 0 7px}.ui-boot .ui-spinner{width:17px;height:17px;color:#b6a7d0}.ui-connection-error{padding:80px 20px;text-align:center;max-width:550px;margin:12vh auto 0;color:#8f9ab1}.ui-connection-error h3{font-size:20px;font-weight:550;color:#5b6883}.ui-connection-error p{font-size:12px;line-height:1.9}.ui-connection-error .btn{margin-top:20px;min-height:39px;gap:8px;color:#fff;background:#f17e6d;border-color:#f17e6d}.ui-connection-error .btn svg{width:16px;height:16px}

.release-service-notice{display:flex;gap:14px;align-items:flex-start;margin:0 0 22px;line-height:1.8}.release-service-notice b{flex-shrink:0}.generate:disabled{cursor:not-allowed;opacity:.65}.footer a{overflow-wrap:anywhere}.auth-terms-check{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.8;margin:14px 0;color:#8a8795}.auth-terms-check input{accent-color:#f38775;margin-top:4px}.auth-terms-check a{color:#b26758}@media(max-width:650px){.release-service-notice{flex-direction:column;gap:3px}.footer{gap:12px;flex-wrap:wrap}}