:root{font-family:Inter,'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#292d34;background:#f6f7f9;font-synthesis:none;--gold:#b78c4c;--gold-dark:#946d32;--muted:#89909e;--line:#e9ebef;--soft:#f8f5ef}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:#c7a267}button{cursor:pointer;transition:.18s}button:disabled{cursor:not-allowed;opacity:.6}button{color:inherit}a{color:inherit;text-decoration:none}button,input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:10px}button{padding:10px 15px;font-size:14px}button:hover:not(:disabled){border-color:#c7a267;background:#fbf8f2}input,select{padding:11px 13px;min-width:0}input[type=checkbox]{accent-color:var(--gold)}textarea{resize:vertical;line-height:1.9;padding:15px}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.8px;font-weight:650}h2{font-size:18px;font-weight:600}h3{font-size:15px}small{font-size:12px}.muted{color:var(--muted)}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 18px 18px;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 14px 32px}.brandmark{height:41px;width:41px;background:linear-gradient(140deg,#c7a46a,#a67c41);color:#fff;display:grid;place-items:center;border-radius:13px;box-shadow:0 4px 10px #b58a4520}.brandname{font-size:22px;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:1.6px;color:#a5a6ac;margin-top:4px}.navgroup{margin-bottom:25px}.group-label{font-size:12px;color:#a0a4af;padding:0 15px;margin:0 0 10px;letter-spacing:1px}.navitem{display:flex;gap:12px;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:13px 15px;margin:4px 0;border-radius:10px;font-size:14px;white-space:nowrap;color:#6e7481}.navitem .icon{width:18px;height:18px}.navitem.active{background:#f4ede1;color:#9d763c;font-weight:600}.navitem.active:after{content:'';height:6px;width:6px;border-radius:50%;background:#b88c4a;margin-left:auto}.sidebar-bottom{margin-top:auto}.localcard{border:1px solid #eee5d8;border-radius:12px;background:#fcfaf6;padding:14px;margin:8px 8px 19px;font-size:12px;line-height:1.8;color:#a18a68}.localcard strong{color:#887048;font-size:13px;display:block}.profile{display:flex;align-items:center;padding:12px 10px 0;gap:10px;border-top:1px solid var(--line)}.avatar{display:grid;place-items:center;border-radius:50%;background:#ebe6df;color:#92713e;width:35px;height:35px;font-size:13px}.profile-text{flex:1;font-size:13px}.profile-text small{display:block;color:#969ba5;font-size:11px;margin-top:3px}.workspace{grid-column:2;min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:#ffffffb8}.crumb{font-size:13px;color:#979da7;display:flex;gap:12px;align-items:center}.crumb strong{font-weight:500;color:#666e7b}.top-actions{display:flex;gap:16px;align-items:center}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:#f6efe3;border:1px solid #eee0c9;color:#a07c42;border-radius:20px;padding:5px 10px;white-space:nowrap}.badge.green{background:#eaf6f1;color:#4a947b;border-color:#dceddf}.quiet{background:transparent;border:0;padding:5px;color:#8c929c}.main{max-width:1550px;margin:auto;padding:32px 38px 50px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.page-heading p{color:#8c929c;font-size:14px;margin-top:9px}.eyebrow{font-size:11px;letter-spacing:2px;color:#b19365;margin-bottom:9px}.heading-icon{height:46px;width:46px;border:1px solid #e6d9c0;border-radius:14px;color:#b1905c;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#f4eddf)}.card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 4px 14px #20293902}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.primary{background:linear-gradient(110deg,#c6a365,#b38a4b);color:white;border:0;font-weight:600;box-shadow:0 4px 10px #a77e3420}.primary:hover:not(:disabled){background:linear-gradient(110deg,#bd9554,#a77b3b)}.dark{background:#2f343d;color:white;border:0}.composer{padding:22px}.prompt-area{position:relative;border:1px solid var(--line);border-radius:13px;min-height:224px;padding:22px;display:flex;gap:20px;background:linear-gradient(145deg,#fff,#fdfdfd)}.prompt-area textarea{border:0;background:none;flex:1;padding:7px 3px 45px;min-height:172px;resize:none;font-size:16px;outline:none}.upload-tile{height:112px;width:93px;border:1px dashed #d7c4a6;background:#fcf9f3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#ad8c5a;font-size:12px;flex-shrink:0}.upload-tile .icon{width:28px;height:28px}.prompt-hint{position:absolute;bottom:17px;left:135px;color:#a0a5af;font-size:12px}.send{position:absolute;bottom:17px;right:17px;border-radius:12px;width:45px;height:45px;padding:0;display:grid;place-items:center}.controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:17px 0}.control{display:flex;gap:9px;align-items:center;font-size:13px;color:#9096a2}.control select{font-size:13px;padding:9px 30px 9px 12px;color:#555d6b;background-color:#fafbfc}.segmented{display:flex;gap:4px;padding:4px;background:#f4f5f7;border-radius:10px}.segmented button{border:0;background:transparent;padding:7px 13px;font-size:13px;color:#7b8391;white-space:nowrap}.segmented button.selected{background:white;color:#a58149;box-shadow:0 2px 6px #26314709}.style-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:1px 0 18px}.chip{border-radius:18px;padding:7px 15px;font-size:12px;background:white;color:#777f8d}.chip.selected{border-color:#d5bc90;background:#fcf7ee;color:#a78249}.divider{height:1px;background:var(--line)}details{font-size:13px;color:#6e7683}summary{cursor:pointer;padding:17px 0;list-style:none;display:flex;align-items:center;gap:8px}summary:after{content:'⌄';margin-left:auto;color:#9197a3}.details-body{padding:0 0 18px}.details-body input,.details-body textarea{width:100%;font-size:14px}.composer-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:#9a9faa}.switch-label{display:flex;gap:8px;align-items:center;cursor:pointer;font-size:13px;color:#717985}.switch-label input{appearance:none;width:29px;height:17px;padding:0;border-radius:20px;background:#dfe2e7;border:0;position:relative;cursor:pointer}.switch-label input:after{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#fff;transition:.2s}.switch-label input:checked{background:#bd9a60}.switch-label input:checked:after{left:15px}.section-title{margin:28px 0 16px;display:flex;justify-content:space-between;align-items:center}.section-title h2{display:flex;align-items:center;gap:10px}.count{font-size:12px;font-weight:400;background:#eeeef1;padding:3px 7px;border-radius:5px;color:#8e94a0}.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.result-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.result-image{aspect-ratio:1;position:relative;overflow:hidden;background:#fafafa;border-bottom:1px solid var(--line)}.result-image>img{width:100%;height:100%;object-fit:contain}.sample-crop{aspect-ratio:1;position:relative;overflow:hidden;background:white}.sample-crop img{position:absolute;max-width:none;width:835.5%;height:auto}.result-image .badge{position:absolute;left:10px;top:10px;background:#ffffffe8;border-color:#eee;font-size:10px;padding:3px 7px;color:#8b919b}.result-info{padding:13px}.result-info strong{font-size:13px;font-weight:500}.result-info small{display:block;color:#a2a7af;font-size:11px;margin-top:5px}.result-tools{display:flex;gap:6px;margin-top:12px}.result-tools button{font-size:12px;padding:6px 9px;flex:1}.empty{padding:36px 20px;text-align:center;color:#a1a7b0;font-size:13px}.empty .icon{width:36px;height:36px;margin-bottom:12px;color:#c5cbd3}.empty p{margin-top:8px;font-size:12px}.help-note{font-size:12px;color:#aaaeb7;margin-top:19px;display:flex;align-items:center;gap:6px}.upload-previews{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.upload-preview{width:72px;height:72px;position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden}.upload-preview img{height:100%;width:100%;object-fit:cover}.remove-image{position:absolute;right:2px;top:2px;padding:0;width:19px;height:19px;border-radius:50%;background:#fff;font-size:12px}.banner{padding:23px 28px;background:linear-gradient(105deg,#f8f1e5,#fff 80%);border:1px solid #ece5d9;border-radius:15px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.banner h2{font-size:22px;margin-bottom:8px}.banner p{font-size:13px;color:#8c8f99}.panel{padding:23px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:17px}.template{padding:9px;border-radius:12px;text-align:left;position:relative;background:#fafbfc}.template.selected{border-color:#bb995e;background:#fcf8f0}.template-thumb{height:95px;border-radius:8px;background-image:url('/assets/reference-templates.png');background-repeat:no-repeat;background-size:1250% auto;background-color:#eee}.template-title{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px}.template-title small{font-size:11px;color:#8e95a2}.checkmark{background:#bd985e;color:#fff;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;position:absolute;right:13px;top:13px;font-size:11px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #d9cab0;border-radius:12px;background:#fdfbf7;min-height:134px;gap:10px;text-align:center;cursor:pointer;width:100%;color:#938063}.upload-zone strong{font-size:14px;font-weight:500}.upload-zone small{font-size:12px;color:#9f9ea4}.upload-zone.dragover{background:#f1e5d0;border-color:#a8834e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:23px 0}.field{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#707987}.field input,.field select,.field textarea{width:100%;font-size:14px;color:#4d5561}.field small{line-height:1.65;font-size:12px;color:#a0a6ae}.full{grid-column:1/-1}.angle-layout{display:grid;grid-template-columns:1fr 1.03fr;gap:22px;align-items:start}.step{height:26px;width:26px;display:inline-grid;place-items:center;background:#f6f0e4;color:#b59664;border-radius:8px;font-size:12px;margin-right:8px}.angle-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.angle{padding:12px 14px;text-align:left;background:#fbfcfd;display:flex;justify-content:space-between;align-items:center;border-radius:10px}.angle strong{font-size:13px}.angle small{display:block;color:#9b9faa;margin-top:4px;font-size:11px}.angle.selected{border-color:#d5be94;background:#fdfaf4}.angle .tick{width:16px;height:16px;border:1px solid #d5d7dc;border-radius:4px;font-size:12px;color:transparent;display:grid;place-items:center}.angle.selected .tick{background:#bf9b60;color:#fff;border-color:#bf9b60}.angle-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.angle-results .result-info{padding:10px}.angle-results .result-tools button{padding:5px;font-size:11px}.notice{font-size:12px;background:#faf7f0;color:#a68e66;padding:12px 15px;border-radius:7px;line-height:1.8}.wide{width:100%;margin-top:16px;padding:14px}.spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite;vertical-align:middle;margin-right:7px}@keyframes spin{to{transform:rotate(360deg)}}.loading-card{aspect-ratio:1;background:linear-gradient(100deg,#f1eee7,#faf8f4,#f1eee7);background-size:200% 100%;animation:shimmer 2s infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b0956a;gap:12px;border-radius:12px;font-size:13px}@keyframes shimmer{to{background-position:-200% 0}}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.folder{padding:21px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:15px}.folder-icon{color:#c5a368;margin-bottom:22px}.folder-icon .icon{width:40px;height:40px}.folder h3{margin-bottom:8px}.folder small{color:#9aa1ac}.tabs{display:flex;border-bottom:1px solid var(--line);gap:24px;margin-bottom:23px}.tabs button{border:0;border-radius:0;background:transparent;padding:0 0 14px;color:#8e95a0}.tabs button.selected{border-bottom:2px solid #b78c4c;color:#a47e43}.settings-layout{max-width:950px}.settings-card{padding:26px;margin-bottom:20px}.settings-card>p{font-size:13px;color:#9097a3;margin-top:8px;line-height:1.8}.status-line{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:13px}.settings-action{display:flex;justify-content:flex-end;padding-top:18px;gap:10px}.code{white-space:pre-wrap;word-break:break-word;padding:18px;background:#f7f8fa;border:1px solid var(--line);border-radius:10px;font:12px/1.9 ui-monospace,SFMono-Regular,monospace;color:#677180;max-height:280px;overflow:auto;margin:18px 0}.model-item{padding:17px;border:1px solid var(--line);border-radius:12px;margin-top:13px;display:flex;align-items:center;gap:15px}.model-logo{padding:11px;background:#f4efe6;border-radius:12px;color:#b08b52}.model-item p{font-size:12px;color:#969eaa;margin-top:5px}.model-item h3{font-weight:500}.model-item .item-main{flex:1}.integration-logos{display:flex;gap:15px;margin:20px 0}.integration-choice{flex:1;padding:20px 12px;text-align:center;background:#fafbfc}.integration-choice.selected{border-color:#cbb180;background:#fcf8f0}.integration-symbol{width:32px;height:32px;margin:0 auto 9px;border-radius:9px;display:grid;place-items:center;color:white;background:#4285ef;font-weight:700}.integration-choice:nth-child(2) .integration-symbol{background:#388bf6}.integration-choice:nth-child(3) .integration-symbol{background:#4aa485}#toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%) translateY(20px);padding:14px 23px;background:#313844;color:white;border-radius:12px;font-size:14px;box-shadow:0 8px 40px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:80vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.modal-overlay{position:fixed;inset:0;background:#222b3b50;backdrop-filter:blur(4px);z-index:90;display:flex;align-items:center;justify-content:center;padding:30px}.modal-content{background:#fff;border-radius:18px;max-width:760px;width:100%;max-height:90vh;overflow:auto;padding:28px}.modal-content img{max-width:100%;max-height:65vh;object-fit:contain}.modal-close{float:right;border:0;padding:5px}.mobile-menu{display:none}.hidden{display:none!important}.option-label{display:flex;gap:9px;align-items:center;font-size:14px;cursor:pointer}.stack{display:flex;flex-direction:column;gap:13px}.inline-note{font-size:12px;color:#969da9;line-height:1.7}.progress{height:4px;background:#f0e9dd;border-radius:5px;overflow:hidden;margin:15px 0}.progress div{height:100%;background:#be9b61;width:65%;animation:shimmer 2s infinite}.result-caption{font-size:12px;color:#9b9fa7;margin-bottom:16px}.compact-form{max-width:640px}.busy-note{font-size:13px;color:#ae8b53;display:flex;align-items:center;gap:8px}.template-output{display:flex;align-items:center;gap:18px;padding:15px 18px;background:#fbf9f4;border-radius:10px;margin-bottom:19px}.profile button{padding:4px}.config-chip{padding:6px 10px;background:#f7f8fa;border-radius:6px;color:#8b94a1;font-size:12px}.footer-line{text-align:center;color:#b4b8c0;font-size:11px;letter-spacing:.3px;margin-top:28px}@media(min-width:1600px){.main{padding-top:38px}.prompt-area{min-height:265px}.prompt-area textarea{min-height:213px}.template-thumb{height:120px}}@media(max-width:1180px){.sidebar{width:210px;padding-left:10px;padding-right:10px}.shell{grid-template-columns:210px minmax(0,1fr)}.main{padding:26px}.topbar{padding:0 26px}.angle-layout{grid-template-columns:1fr}.angle-results{grid-template-columns:repeat(3,1fr)}.controls{gap:12px}.result-grid{grid-template-columns:repeat(3,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.template-thumb{height:110px}.folder-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:0 0 40px #0001}.sidebar.open{transform:translateX(0)}.shell{display:block}.workspace{width:100%}.topbar{height:64px;padding:0 18px}.mobile-menu{display:block}.main{padding:23px 16px}.top-actions{gap:7px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.composer{padding:14px}.prompt-area{padding:13px;gap:11px;min-height:230px}.upload-tile{width:68px;height:88px;font-size:11px}.prompt-area textarea{font-size:14px}.prompt-hint{left:15px;bottom:14px;font-size:10px;max-width:70%}.controls{gap:12px}.control{flex-wrap:wrap}.segmented button{padding:7px 9px}.result-grid{grid-template-columns:repeat(2,1fr)}.composer-footer{gap:10px;align-items:flex-start}.composer-footer>span{max-width:45%;font-size:10px}.card-head{flex-wrap:wrap}.panel{padding:17px}.banner{padding:20px}.banner h2{font-size:18px}.banner .heading-icon{display:none}.angle-results{grid-template-columns:repeat(2,1fr)}.folder-grid,.form-grid{grid-template-columns:1fr}.template-grid{gap:9px}.template-title{font-size:12px;gap:5px}.template-title small{font-size:10px}.template-thumb{height:85px}.template-output{flex-wrap:wrap}.settings-card{padding:19px}.integration-logos{gap:7px}.integration-choice{padding:13px 4px;font-size:12px}.modal-overlay{padding:16px}.modal-content{padding:20px}#toast{left:50%;width:max-content;max-width:90vw}.full{grid-column:auto}.section-title .row{gap:4px}.section-title button{font-size:11px;padding:7px}.page-heading{gap:10px}.model-item{gap:9px;flex-wrap:wrap}.brandname{font-size:21px}.crumb{gap:7px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.sidebar{overflow-y:auto}.brand{flex-shrink:0}.brand small{font-size:9px;letter-spacing:1px;white-space:nowrap}.navitem{font-size:13px}.prompt-hint .icon{width:14px;height:14px}.profile{padding-bottom:4px}@media(max-width:760px){.sidebar{width:238px}.topbar .avatar{display:none}}

.template-thumb{height:auto!important;aspect-ratio:178/104;background:none;position:relative;overflow:hidden}.template-thumb img{position:absolute;width:1150.56%;max-width:none;top:-477.8846%;height:auto}.navitem,.field,.option-label,.template-title{font-size:14px}.brand small{font-size:10px;letter-spacing:.5px}.sample-crop{width:100%}

.brandname{font-size:17px;letter-spacing:0;line-height:1.5;white-space:normal}.brand{gap:9px;padding-left:8px;padding-right:2px}.brand small{font-size:11px;letter-spacing:.2px}.brandmark{flex-shrink:0}.size-warning{color:#a77b3b!important}.result-card small{overflow-wrap:anywhere}.busy-note{line-height:1.7}.notice button{margin-top:6px}.model-item{flex-wrap:wrap}.model-item .item-main{min-width:160px}

/* Template library and settings entry. */
.floating-settings{position:fixed;right:25px;bottom:24px;z-index:40;display:flex;align-items:center;gap:9px;padding:13px 18px;border-color:#dfcfb3;background:#fcf8ef;color:#9d7b44;box-shadow:0 6px 24px #53402214;border-radius:14px}.floating-settings:hover,.floating-settings.active{background:#f1e7d6}.main{padding-bottom:100px}.settings-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.settings-nav button{padding:11px 20px;border-radius:25px}.settings-nav .selected{background:#b8935b;color:#fff;border-color:#b8935b}.template-head{margin-top:22px;margin-bottom:0;gap:12px}.template-head .row{gap:8px}.template-title{gap:9px;align-items:flex-start}.template-title strong{overflow-wrap:anywhere}.template-title small{overflow-wrap:anywhere}.custom-template-thumb{aspect-ratio:178/104;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;border-radius:8px;overflow:hidden;position:relative;background:#f0ede7}.custom-template-thumb>img{width:100%;height:100%;min-height:0;object-fit:cover}.custom-template-thumb>img:only-of-type{grid-column:1/-1}.custom-template-thumb>.badge{position:absolute;right:7px;bottom:7px;background:#fffc;font-size:10px}.manage-template{display:flex;flex-direction:column;padding:12px}.manage-template>p{margin-top:9px}.template-description{font-size:12px;line-height:1.6;color:#9097a3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.template-actions{display:flex;gap:7px;justify-content:space-between;margin-top:auto;padding-top:16px}.template-actions button{font-size:12px;padding:7px 9px;display:flex;align-items:center;gap:4px}.template-actions .icon{height:14px;width:14px}.template-upload-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.template-upload-item{position:relative;min-width:0;border:1px solid var(--line);padding:6px;border-radius:10px}.template-upload-item>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.template-upload-item .row{gap:3px;margin-top:5px;justify-content:space-between}.template-upload-item button{padding:4px 6px;font-size:12px}.template-upload-item .icon{width:13px;height:13px}.image-order{position:absolute;top:10px;left:10px;border-radius:50%;width:20px;height:20px;background:#756344d9;color:#fff;display:grid;place-items:center;font-size:11px}.upload-zone.dragover{background:#f1e5d0}.manage-grid .custom-template-thumb,.manage-grid .template-thumb{flex-shrink:0}@media(max-width:760px){.floating-settings{right:15px;bottom:16px;padding:11px 14px}.template-head .row{width:100%}.settings-nav{gap:7px}.settings-nav button{padding:9px 12px;font-size:12px}.template-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manage-grid{grid-template-columns:1fr}.template-actions button{padding:9px 12px}.template-title{flex-wrap:wrap}}

.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.stat-grid>div{border:1px solid var(--line);padding:20px;border-radius:12px;background:#fcfbf8}.stat-grid small{display:block;color:#9299a3;font-size:12px}.stat-grid strong{display:block;font-size:26px;font-weight:500;margin-top:8px;color:#a58756}.usage-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.table-scroll{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{font-weight:500;color:#8b929e;padding:12px;background:#f8f9fa;white-space:nowrap}.data-table td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.7}.data-table td small{display:block;color:#999fac;max-width:230px;overflow-wrap:anywhere;margin-top:4px}.data-table td strong{font-weight:500;display:block;min-width:130px;max-width:230px;overflow-wrap:anywhere}.data-table td button{font-size:12px;white-space:nowrap}.data-table code{font-size:11px}.team-policy{padding:16px;background:#fbf7ef;border-radius:10px;margin:20px 0;gap:16px}.session-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px}.session-item small{display:block;font-size:11px;color:#969eaa;line-height:1.8;overflow-wrap:anywhere;max-width:650px}.settings-nav{row-gap:10px}.settings-nav+.page-heading{margin-top:24px}@media(max-width:760px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-grid>div{padding:14px}.stat-grid strong{font-size:22px}.usage-filters{grid-template-columns:1fr 1fr}.session-item{align-items:flex-start}.team-policy{align-items:flex-start}}
.settings-workspace{--settings-brown:#995b43;--settings-dark:#743d2a;padding-top:2px}
.settings-heading{display:flex;align-items:center;gap:20px;min-height:44px;margin-bottom:28px}
.settings-heading h1{font-size:29px;font-weight:700;letter-spacing:0}
.settings-heading p{font-size:14px;color:#7e8799}
.settings-access{margin-left:auto;display:flex;align-items:center;gap:7px;color:#9298a3;font-size:12px;white-space:nowrap}
.settings-access .icon{width:15px;height:15px}
.settings-workspace .settings-nav{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding:4px 4px 18px;margin:0 -4px 23px;scrollbar-width:thin;scrollbar-color:#cfb5a9 transparent}
.settings-workspace .settings-nav button{flex:1 0 110px;min-height:54px;padding:14px 18px;border:1px solid transparent;border-radius:30px;white-space:nowrap;color:#fff;background:#9c6048;font-size:14px;font-weight:650;box-shadow:0 6px 13px #79422c16}
.settings-workspace .settings-nav button:only-child{flex:0 0 145px}
.settings-workspace .settings-nav button:hover{background:#8b4e38;transform:translateY(-1px)}
.settings-workspace .settings-nav button.selected{background:#75422f;border-color:#75422f;box-shadow:0 0 0 3px #f6f7f9,0 0 0 5px #ccac94,0 7px 14px #79422c1a}
.settings-workspace .settings-nav button:focus-visible{outline:3px solid #56301f;outline-offset:4px}
.settings-content>.page-heading{margin:0 0 20px;padding-top:3px;align-items:flex-start}
.settings-content>.page-heading .eyebrow,.settings-content>.page-heading .heading-icon{display:none}
.settings-content>.page-heading h1{font-size:21px;letter-spacing:0;font-weight:650}
.settings-content>.page-heading p{font-size:13px;line-height:1.8;margin-top:6px;color:#88919e}
.settings-content .settings-layout{max-width:none}
.settings-content .settings-card{padding:26px 28px;margin-bottom:20px}
.settings-content .panel{padding:26px 28px}
.settings-content .form-grid{column-gap:24px;row-gap:20px}
.settings-content .settings-action{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}
.settings-content .primary{background:linear-gradient(110deg,#aa7053,#935039);box-shadow:0 4px 12px #79422c18}
.settings-content .primary:hover{background:#81432f}
.integration-guide{padding:24px 28px;margin-bottom:22px;background:linear-gradient(110deg,#fcf9f4,#fff)}
.guide-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.guide-kicker{display:block;color:#ae8564;font-size:11px;letter-spacing:2px;margin-bottom:6px}
.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.guide-columns>div+div{border-left:1px solid #eaded1;padding-left:30px}
.guide-step{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.guide-step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#efe1d3;color:#946347;font-size:12px;font-weight:650}
.guide-columns p{font-size:13px;line-height:1.9;color:#78818e}
.guide-columns strong{font-weight:550;color:#555f6b}
.guide-columns a{display:inline-block;font-size:12px;color:#956047;margin-top:14px;text-decoration:underline;text-underline-offset:4px}
.guide-footnote{margin-top:22px;padding-top:16px;border-top:1px solid #eee5da;font-size:12px;color:#8e8275;line-height:1.8}
.settings-content .integration-layout form{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.settings-content .integration-layout .settings-card{height:100%;margin:0}
.settings-content .integration-layout .form-grid{grid-template-columns:1fr}
.settings-content .integration-layout .card-head,.settings-content .integration-layout .row.spread{flex-wrap:wrap;gap:10px}
@media(min-width:1600px){.settings-workspace .settings-nav button{flex:0 0 145px;font-size:15px;min-height:58px}}
@media(max-width:1100px){.settings-content .integration-layout form{grid-template-columns:1fr}.settings-workspace .settings-nav button{flex-basis:115px}.guide-columns{gap:20px}.guide-columns>div+div{padding-left:20px}}
@media(max-width:760px){.settings-heading{gap:12px;flex-wrap:wrap;margin-bottom:20px}.settings-heading h1{font-size:25px}.settings-heading p{font-size:12px}.settings-access{display:none}.settings-workspace .settings-nav{gap:10px;margin-bottom:17px}.settings-workspace .settings-nav button{flex:0 0 108px;min-height:46px;font-size:13px;padding:11px 15px}.settings-content .settings-card,.settings-content .panel,.integration-guide{padding:20px}.guide-title{align-items:flex-start;flex-wrap:wrap}.guide-columns{grid-template-columns:1fr}.guide-columns>div+div{padding-left:0;padding-top:20px;border-left:0;border-top:1px solid #eaded1}.settings-content>.page-heading h1{font-size:19px}}

.heading-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.heading-actions select{max-width:300px}.archive-select{display:flex;align-items:center;gap:7px;font-size:12px;margin:12px 0;line-height:1.5}.archive-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;max-height:380px;overflow:auto}.archive-preview figure{margin:0}.archive-preview img{width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #eee;border-radius:12px}.archive-preview figcaption{font-size:12px}.result-tools{flex-wrap:wrap}.result-tools .busy-note{font-size:12px}.loading-card{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.section-title,.card-head{flex-wrap:wrap;gap:12px}.section-title>.row,.card-head>.row{flex-wrap:wrap}#archive-feedback{white-space:pre-wrap;line-height:1.7;margin-top:14px}@media(max-width:700px){.page-heading{flex-wrap:wrap;gap:16px}.heading-actions{align-items:flex-start}.archive-preview{grid-template-columns:repeat(2,1fr)}}

/* Public cover and sign-in share a cream, purple and gold palette. */
.cover-page{--cover-purple:#593a75;--cover-ink:#372542;--cover-gold:#ad8950;--line:#e6dfe9;--gold:#795597;--gold-dark:#593a75;--muted:#897e8e;min-height:100svh;background:#faf7ef;color:var(--cover-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft Yahei',sans-serif;background-image:radial-gradient(ellipse at 85% 38%,#e6dced77,transparent 45%);overflow:hidden}
.cover-page a{text-decoration:none;color:inherit}.cover-header{max-width:1440px;margin:auto;height:114px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bba77826}.cover-brand{display:flex;gap:13px;align-items:center;font-size:20px;font-weight:650;letter-spacing:.5px}.cover-brand .cover-mark{font-size:37px;font-weight:400;color:var(--cover-gold)}.brand-ai{color:var(--cover-purple);margin-left:4px}.cover-brand small{display:block;font-size:9px;letter-spacing:3.3px;font-weight:500;color:#9d8767;margin-top:5px}.cover-edition{font-size:12px;color:#958a9a;display:flex;align-items:center;gap:15px}.cover-edition i{width:3px;height:3px;background:#b39769;border-radius:50%}.cover-main{max-width:1300px;padding:0 5%;margin:auto}.cover-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:610px;padding:54px 0 48px}.cover-kicker{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:3px;font-weight:500;color:var(--cover-gold)}.cover-kicker>span{width:23px;height:1px;background:var(--cover-gold)}.cover-copy h1{font-size:clamp(44px,4.7vw,68px);font-weight:600;line-height:1.3;letter-spacing:-2.5px;margin:24px 0;color:var(--cover-ink)}.cover-emphasis{position:relative;color:var(--cover-purple)}.cover-emphasis svg{position:absolute;left:0;bottom:-12px;width:100%;height:20px;fill:none;stroke:#c6a262;stroke-width:2}.cover-intro{font-size:16px;line-height:1.95;color:#8b8090;margin:28px 0}.cover-start{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;background:var(--cover-purple);color:#fff8eb;border:1px solid var(--cover-purple);border-radius:9px;padding:18px 25px;font-size:16px;box-shadow:0 12px 28px #54337320;transition:transform .2s,background .2s}.cover-start svg{width:22px;height:22px}.cover-start:hover{background:#704c90;border-color:#704c90;transform:translateY(-2px)}.cover-caption{margin:21px 0 0;font-size:11px;color:#a095a7;letter-spacing:1px}.cover-art{height:490px;position:relative;display:flex;align-items:center;justify-content:center}.cover-orbit{position:absolute;border:1px solid #c3a77345;border-radius:50%;width:450px;height:450px;transform:rotate(-25deg) scaleX(1.15);pointer-events:none}.orbit-two{width:480px;height:375px;transform:rotate(40deg)}.cover-art-label{position:absolute;top:1px;left:45px;font-size:8px;letter-spacing:3px;color:#aa936e}.cover-star{position:absolute;color:#b89453;font-size:35px;z-index:2}.star-one{top:27px;right:26px}.star-two{bottom:30px;left:26px;font-size:48px}.cover-poster{width:335px;height:410px;position:relative;transform:rotate(-6deg);background:linear-gradient(125deg,#e9e0ed,#d8c9e4 80%);border:7px solid #fffdf7;box-shadow:8px 25px 65px #422b6023;border-radius:5px;overflow:hidden}.poster-top{display:flex;justify-content:space-between;padding:18px 13px;font-size:6px;letter-spacing:1.3px;color:#725486}.poster-title{font-family:'Songti SC','STSong',serif;position:relative;z-index:1;font-size:25px;letter-spacing:4px;text-align:center;margin:9px 0;color:#614478}.poster-arch{width:230px;height:270px;border-radius:150px 150px 0 0;background:#f4eee0;position:absolute;top:103px;left:45px;box-shadow:inset -12px 0 30px #d7c5ad66}.cover-product{position:absolute;width:235px;height:310px;bottom:21px;left:46px;filter:drop-shadow(8px 7px 8px #694b7520)}.poster-bottom{position:absolute;bottom:14px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#80668b}.cover-note{position:absolute;left:-5px;bottom:45px;transform:rotate(3deg);display:flex;gap:12px;align-items:center;background:#fffdf7f5;padding:16px 22px;border:1px solid #ece3d4;border-radius:11px;box-shadow:0 8px 25px #47304c10;font-size:12px;color:#664978}.note-icon{font-size:29px;color:#b39054}.cover-note small{display:block;color:#a296a3;margin-top:6px;font-size:9px;letter-spacing:1px}.cover-swatches{position:absolute;right:-10px;top:119px;background:#fffcf4;padding:17px 14px;border:1px solid #eadfcf;border-radius:7px;transform:rotate(9deg);box-shadow:0 8px 24px #4d365215}.cover-swatches>span{font-size:6px;letter-spacing:1.5px;color:#a19075}.cover-swatches>div{display:flex;margin-top:12px}.cover-swatches i{height:42px;width:25px;background:#583976}.cover-swatches i:nth-child(2){background:#b59bcd}.cover-swatches i:nth-child(3){background:#d2b77e}.cover-swatches i:nth-child(4){background:#f4eacf}.cover-art-footnote{position:absolute;right:15px;bottom:8px;font-size:9px;color:#b2a7b8;letter-spacing:2px}.cover-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8cbb45e;border-bottom:1px solid #d8cbb45e;padding:30px 0;gap:28px;margin:5px 0 34px}.cover-features article{display:flex;align-items:center;gap:14px;position:relative}.cover-features article+article{border-left:1px solid #d8cbb45e;padding-left:28px}.feature-index{align-self:flex-start;font-family:Georgia,serif;font-size:12px;color:#b69b6a;margin-top:3px}.cover-features h2{font-size:15px;font-weight:600;letter-spacing:.5px;margin:0 0 9px;color:#5d486d}.cover-features p{margin:0;font-size:11px;color:#96899a;line-height:1.8}.feature-symbol{margin-left:auto;font-size:28px;color:#aa8cbd;font-weight:300}.cover-footer{max-width:1300px;padding:0 5% 28px;margin:auto;display:flex;justify-content:space-between;color:#aea2b0;font-size:10px;letter-spacing:1px}.cover-back{font-size:12px;color:#8c7599!important;padding:10px 0}.cover-auth-main{max-width:1060px;padding:58px 40px 65px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;min-height:calc(100svh - 158px)}.auth-story h1{font-weight:500;font-size:38px;line-height:1.6;letter-spacing:-1px;margin:28px 0 18px}.auth-story h1 span{color:var(--cover-purple)}.auth-story p{font-size:14px;color:#938496;line-height:2}.auth-flower{color:#c5a063;font-size:110px;line-height:1.5;font-weight:200;padding-left:45px}.auth-story>small{font-size:8px;letter-spacing:3px;color:#b19b78}.auth-panel{background:#fffdf8;border:1px solid #e8dece;border-radius:20px;padding:34px;box-shadow:0 18px 65px #53315f09}.auth-eyebrow{font-size:8px;color:#ae925e;letter-spacing:2px}.auth-panel>h2{font-size:27px;margin:16px 0 10px;font-weight:550;color:#503361}.auth-subtitle{font-size:12px;color:#9b8da1;margin-bottom:26px}.cover-auth .settings-layout{display:block;max-width:none}.cover-auth .settings-card{background:none;border:0;box-shadow:none;padding:0;margin:0}.cover-auth .tabs{margin-bottom:25px;display:flex;background:#f3edf5;border-radius:8px;padding:4px}.cover-auth .tabs button{flex:1;border:0;background:transparent;color:#9a899f;padding:10px 5px;font-size:12px;border-radius:6px}.cover-auth .tabs button.selected{background:#fffdf8;color:#684880;box-shadow:0 2px 5px #47235b0a}.cover-auth .field{font-size:12px;color:#796581;gap:9px}.cover-auth input{background:#fffefb;padding:13px;font-size:13px;border-color:#e5ddeb;border-radius:8px;min-width:0;width:100%}.cover-auth input:focus{outline:2px solid #c9b7d880;outline-offset:1px;border-color:#a88bbd}.cover-auth .form-grid{gap:18px}.cover-auth .primary{width:100%;background:var(--cover-purple);border-color:var(--cover-purple);color:#fff8eb;border-radius:8px;padding:14px;margin-top:24px}.cover-auth .primary:hover{background:#704c90}.cover-auth .inline-note{font-size:10px;line-height:1.9;color:#a094a5}.cover-page :focus-visible{outline:2px solid #9772ae;outline-offset:4px}
@media(min-width:1500px){.cover-hero{min-height:calc(100svh - 310px)}}
@media(max-width:1000px){.cover-hero{gap:0}.cover-art{transform:scale(.85);transform-origin:center}.cover-copy h1{font-size:48px}.cover-features{gap:18px}.cover-features article+article{padding-left:18px}.feature-symbol{display:none}.cover-auth-main{gap:40px;padding:45px 6%}.auth-story h1{font-size:32px}.auth-panel{padding:28px}}
@media(max-width:700px){.cover-header{height:88px;padding:0 6%}.cover-brand{font-size:16px;gap:9px}.cover-brand small{font-size:7px;letter-spacing:2px}.cover-brand .cover-mark{font-size:31px}.cover-edition{font-size:10px}.cover-edition i{display:none}.cover-edition{font-size:0}.cover-main{padding:0 7%}.cover-hero{grid-template-columns:1fr;padding:38px 0 20px;text-align:center}.cover-kicker{justify-content:center;font-size:10px}.cover-copy h1{font-size:45px;letter-spacing:-2px;line-height:1.35;margin:23px 0}.cover-intro{font-size:13px;margin:23px 0}.cover-start{font-size:14px;padding:16px 23px;gap:54px}.cover-caption{font-size:9px}.cover-art{height:415px;transform:scale(.8);margin:-5px -28px -25px}.cover-art-label{left:50px}.cover-swatches{right:15px}.cover-note{left:12px}.cover-features{grid-template-columns:1fr;padding:8px 0;gap:0;margin-bottom:28px;text-align:left}.cover-features article,.cover-features article+article{padding:20px 5px;border-left:0}.cover-features article+article{border-top:1px solid #d8cbb440}.feature-symbol{display:block}.cover-features h2{font-size:14px}.cover-footer{font-size:8px;padding:0 7% 24px;letter-spacing:0}.cover-auth-main{display:block;padding:34px 6% 44px;min-height:calc(100svh - 130px)}.auth-story{display:none}.auth-panel{max-width:430px;margin:auto;padding:28px}.cover-auth .cover-back{font-size:10px}.cover-auth .cover-brand small{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.cover-start{transition:none}}

/* Saved materials display actual pictures, grouped by the original task. */
.material-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.material-image{position:relative;aspect-ratio:1;width:100%;display:block;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.material-image>img{display:block;width:100%;height:100%;object-fit:contain}.material-image .sample-crop{height:100%;width:100%}.material-image-label{position:absolute;bottom:0;left:0;right:0;padding:12px;color:#fff;background:linear-gradient(transparent,#20232bb3);font-size:12px;text-align:left;opacity:0;transition:opacity .18s}.material-image:hover .material-image-label,.material-image:focus-visible .material-image-label{opacity:1}.material-image:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.material-loading{min-height:160px;border:1px dashed var(--line);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:13px}@media(max-width:1100px){.material-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.material-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-group-head{gap:8px}.material-group-head h3{font-size:12px}.material-group-head>.quiet{font-size:11px}.material-image-label{opacity:1;font-size:11px}}
.material-tile{position:relative;min-width:0}.material-manage{position:absolute;right:10px;top:10px;background:#fffffff0;border:1px solid #e7e2d9;border-radius:8px;width:32px;height:30px;line-height:15px;padding:0;font-size:24px;opacity:0}.material-tile:hover .material-manage,.material-tile:focus-within .material-manage{opacity:1}@media(hover:none){.material-manage{opacity:1}}
.task-history-label{display:flex;flex-direction:column;gap:7px;color:#6f7481;font-size:12px;max-width:100%}.task-history-label>span{display:flex;justify-content:space-between;gap:20px}.task-history-label small{font-size:11px;color:#999fab}.heading-actions .task-history-label select{max-width:360px;width:360px;font-size:12px}@media(max-width:700px){.heading-actions{max-width:100%}.heading-actions .task-history-label select{width:100%;max-width:100%}.task-history-label{width:100%}}
.result-tools .delete-result,.delete-result{color:#ad5757}.result-tools .delete-result:hover,.delete-result:hover{background:#fff3f2;border-color:#e5baba}.deleted-results{margin-top:18px;border-top:1px solid var(--line)}.deleted-result-list{display:grid;gap:8px;padding-bottom:12px}.deleted-result-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#f2f3f6;border-radius:9px;font-size:13px}.deleted-result-list button{font-size:12px}

#session-alert{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:1500;display:flex;align-items:center;gap:18px;padding:14px 20px;border:1px solid #dac399;border-radius:14px;background:#fff8ed;box-shadow:0 6px 26px #30203722;max-width:calc(100vw - 24px);width:max-content;font-size:14px}#session-alert button{white-space:nowrap}
#reauth-form{display:grid;gap:16px;margin-top:20px}

.pending-account{max-width:800px;margin:32px auto;padding:48px;text-align:center}.pending-icon{color:#b7904d;margin-bottom:20px}.pending-icon .icon{width:48px;height:48px}.pending-account h2{margin:22px 0 14px}.pending-account p{line-height:1.9}.pending-account .row{justify-content:center;margin-top:28px}.navitem:disabled{opacity:.45;cursor:not-allowed}

.history-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.history-image-grid>a,.history-image-grid>button{display:flex;flex-direction:column;gap:8px;min-width:0;padding:8px;color:inherit;text-decoration:none;border:1px solid #e8e5ec;border-radius:12px;background:#fff}.history-image-grid img{width:100%;height:150px;object-fit:contain;border-radius:8px}.history-image-grid span{font-size:12px;overflow-wrap:anywhere}.history-prompt{white-space:pre-wrap;line-height:1.8;background:#f8f6f2;padding:14px;border-radius:10px}

.page-plan{margin-top:24px}.plan-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.plan-card{border:1px solid #e5ddec;border-radius:16px;background:#fff;padding:20px;display:grid;gap:14px}.plan-card .field{margin:0}.plan-card textarea,.logo-panel input{width:100%}.logo-panel{margin:20px 0;padding:20px;background:#faf7f0;border-radius:14px}.logo-panel img{max-width:160px;max-height:80px;object-fit:contain;margin:12px}.plan-card .row button{padding:7px 10px}.page-plan>.archive-select{margin:24px 0}.result-image img{object-fit:contain}.template-output select{width:85px}@media(max-width:900px){.plan-pages{grid-template-columns:1fr}}

.plan-template-preview{max-width:180px;max-height:180px;object-fit:contain;border:1px solid #eee;border-radius:10px}
#reference-lightbox{position:fixed;inset:0;background:#111d;z-index:10000;overflow:auto;padding:60px 20px 20px;text-align:center}#reference-lightbox>img{max-width:100%;height:auto;display:block;margin:auto}#reference-lightbox>button{position:fixed;right:25px;top:18px}.product-reference-picker,.correction-refs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.product-reference-picker label{display:flex;align-items:center;gap:3px}.product-reference-picker img,.correction-refs img{width:64px;height:64px;object-fit:contain}.correction-stage{position:relative;width:100%;max-width:480px;touch-action:none;cursor:crosshair;line-height:0}.correction-stage>img{width:100%;height:auto;display:block;user-select:none}.correction-boxes{position:absolute;inset:0;pointer-events:none}.correction-boxes span{position:absolute;border:2px solid #ef4444;background:#ef44441a;color:#fff;font:bold 16px sans-serif;box-sizing:border-box;text-shadow:0 1px 3px #000}.template-upload-item>button{padding:0}.template-upload-item>select{width:100%}
.modal-content .correction-stage>img{max-height:none}.correction-stage{max-width:360px}