.config-page{max-width:1440px;margin:auto;padding:28px}.field-error{font-size:.9rem;color:#ffbaa8;line-height:1.5;margin:4px 0 0}.config-field [aria-invalid=true],.config-upload [aria-invalid=true]{border:2px solid #ef9d88;outline-color:#ef9d88}.config-upload:has([aria-invalid=true]){border-color:#ef9d88;background:#251b1b}.skeleton-bar{border-radius:8px;background:linear-gradient(100deg,#182520 20%,#263a30 50%,#182520 80%);background-size:220% 100%;animation:config-shimmer 1.7s ease-in-out infinite}.skeleton-title{height:112px;width:min(520px,80vw)}.skeleton-tabs{height:58px;margin-bottom:24px}.skeleton-field{margin-bottom:22px}.skeleton-label{height:18px;width:45%;margin-bottom:10px}.skeleton-input{height:44px}.skeleton-input-tall{height:100px}.skeleton-viewer{height:410px}.skeleton-price{height:22px;margin:14px 0}.skeleton-action{height:42px;width:160px}.config-skeleton .config-generate{justify-content:space-between;min-height:90px}@keyframes config-shimmer{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){.skeleton-bar{animation:none}}@media(max-width:900px){.skeleton-viewer{height:350px}}.workflow-message{padding:18px;border:1px solid #be7864;border-radius:10px;color:#ffd1c2;background:#301b17}.config-preview .config-cost strong{white-space:normal;text-align:right;overflow-wrap:anywhere}.config-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.config-heading h1{font-size:2.5rem;letter-spacing:-.045em;margin:12px 0}.config-heading p{color:#a4b3ad}.config-heading a{color:var(--mint);font-size:.9rem}.config-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.config-cost,.config-panel{background:#11191d;border:1px solid #2c3c35;border-radius:14px;padding:24px}.config-panel fieldset{border:0;margin:0;padding:0;min-width:0}.config-panel fieldset[hidden]{display:none}.config-tabs{display:flex;gap:8px;border-bottom:1px solid #32413a;padding-bottom:16px;margin-bottom:24px}.config-tabs button{flex:1;border:1px solid #34453c;background:#0c1311;border-radius:8px;padding:12px;color:#b3c5bc;font-size:1rem}.config-tabs button[aria-selected=true]{color:var(--mint);background:#18382a;border-color:#557c67}.config-field{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;font-size:.95rem;color:#d5e0da}.config-field input,.config-field select,.config-field textarea{width:100%;min-height:44px;background:#090f12;color:#e0ede6;border:1px solid #3a4842;border-radius:7px;padding:11px;font:inherit}.config-field textarea{min-height:100px;resize:vertical}.config-field input[type=color]{padding:5px;max-width:120px}.config-field small,.config-panel small{font-size:.82rem;line-height:1.5;color:#a1b0a8}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{outline:2px solid #7cf7c899;outline-offset:2px}.config-subsection{border-top:1px solid #34463b;padding-top:18px;margin-top:24px}.config-subsection>p{color:#a1b0a8;line-height:1.55;font-size:.9rem}.config-subsection>label{display:flex;gap:10px;margin-bottom:18px}.config-preview{position:sticky;top:20px;min-width:0}.config-viewer{border:1px solid #344b40;border-radius:14px;overflow:hidden;background:#080e11}.config-viewer .stage{height:370px}.config-viewer .window-head{font-size:.75rem;gap:16px;flex-wrap:wrap}.config-viewer .window-head span{color:#a1b0a8;font-weight:400}.config-cost{margin-top:18px}.config-cost h2{font-size:1.1rem;margin:0 0 10px}.config-cost p{color:#a1b0a8;font-size:.85rem}.config-cost>div{display:flex;justify-content:space-between;gap:24px;padding:7px 0;color:#b4c2bb;font-size:.9rem}.config-cost strong{white-space:nowrap;color:#e7f0eb}.config-cost .config-total{border-top:1px solid #3c5043;margin-top:12px;padding-top:16px;color:var(--mint)}.config-generate{position:sticky;bottom:12px;z-index:10;background:#12241df5;border:1px solid #4e7560;box-shadow:0 6px 35px #0009;border-radius:12px;padding:16px 22px;display:flex;align-items:center;gap:30px;margin:24px 0 12px;backdrop-filter:blur(12px)}.config-generate>div{display:flex;flex-direction:column;gap:5px}.config-generate span{font-size:.82rem;color:#b0c1b7}.config-generate strong{font-size:1rem}.config-generate .text-action{margin-left:auto}.config-generate button{white-space:nowrap}.config-generate .text-action,.config-upload .text-action{background:none;border:0;color:#c2cfc7;cursor:pointer}.config-upload{border:1px dashed #537261;border-radius:10px;padding:18px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.config-upload img{width:100%;height:180px;object-fit:contain}.config-upload label{display:flex;flex-direction:column;gap:14px;color:var(--mint)}.config-upload input{font-size:.85rem;max-width:100%}.credit-confirmation{max-width:550px;width:100%;padding:30px;background:#111c18;border:1px solid #527963;border-radius:16px;box-shadow:0 30px 100px #0009}.credit-confirmation h2{font-size:1.65rem;line-height:1.25}.credit-confirmation p{line-height:1.6;color:#b3c4ba}.credit-confirmation dl>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #35483c}.credit-confirmation dd{margin:0;font-weight:700;white-space:nowrap;color:var(--mint)}.confirmation-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.confirmation-actions .text-action{background:none;border:0;color:#a8baaf;cursor:pointer}.credit-confirmation:focus-within{border-color:#8cca9b}@media(max-width:900px){.config-layout{grid-template-columns:1fr}.config-preview{position:static}.config-heading{align-items:start;flex-direction:column}.config-generate{flex-wrap:wrap;gap:16px}.config-generate .text-action{margin-left:0}.config-generate .button{margin-left:auto}.config-page{padding:20px 16px}.config-panel{padding:18px}.config-viewer .stage{height:310px}}