.design-intro{background:linear-gradient(120deg,#132534,#1a384a);color:#fff;border-radius:16px;padding:34px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;overflow:hidden}.design-kicker{font-size:11px;letter-spacing:2px;font-weight:700;color:#4e819e}.design-intro .design-kicker{color:#8dc9e7}.design-intro h2{font-size:32px;letter-spacing:-.8px;margin:12px 0}.design-intro p{max-width:520px;line-height:1.65;font-size:15px;color:#bed0dd}.design-orbit{width:140px;min-width:140px;transform:rotate(-8deg)}.design-orbit svg,.design-card-cover svg,.design-empty svg{width:100%;stroke:#78bcdf;stroke-width:1}.design-list-heading,.design-detail-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.design-list-heading h2{margin:0;font-size:21px}.design-readonly{background:#e7f1f4;color:#285469;padding:7px 12px;border-radius:30px;font-size:12px;font-weight:700}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.design-card{border:1px solid #dce5e9;border-radius:14px;overflow:hidden;background:white}.design-card-cover{border:0;display:flex;width:100%;height:182px;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 20%,#315267,#132433);cursor:pointer}.design-card-cover svg{width:104px;height:104px;transition:transform .2s}.design-card-cover:hover svg{transform:rotate(-8deg) scale(1.1)}.design-card-cover span{position:absolute;bottom:16px;left:20px;right:20px;text-align:left;letter-spacing:2px;font-size:10px;color:#adcddd}.design-card-cover b{float:right;font-size:20px}.design-card-body{padding:20px}.design-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#527080}.design-card h3{font-size:20px;margin:15px 0 10px}.design-card-body p{font-size:14px;color:#647987;line-height:1.6;white-space:pre-line}.design-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e7edef;padding-top:16px;margin-top:20px}.design-card-bottom>span{font-size:11px;color:#6b8190}.design-empty{padding:42px 24px;text-align:center;background:#f4f8fa;border:1px dashed #cedde5;border-radius:16px}.design-empty svg{width:70px;height:70px;stroke:#789bab}.design-empty h3{font-size:20px}.design-empty p{max-width:510px;margin:12px auto;font-size:15px;line-height:1.6;color:#657c89}.design-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.design-detail-heading h2{font-size:26px;margin:12px 0}.design-detail-heading p{max-width:650px;color:#5c7180;line-height:1.6;white-space:pre-line}.design-frame{width:100%;height:min(760px,75dvh);min-height:460px;border:1px solid #c7d8e1;border-radius:14px;background:#112635;display:block}.design-gesture{font-size:12px;color:#637b89;text-align:center;margin:12px 0 26px}.design-error{background:#fff0ed;border:1px solid #e7b4aa;padding:14px;border-radius:10px;color:#8b2b18;margin:14px 0}.design-create{max-width:780px}.design-create p,.design-manage p{font-size:14px;line-height:1.65;color:#5a7380}.design-create form,.design-manage form{display:grid;gap:16px}.design-create label,.design-manage label:not(.btn){display:grid;gap:7px;font-size:14px;font-weight:600}.design-create input,.design-create select,.design-create textarea,.design-manage input,.design-manage textarea{width:100%;min-width:0;font-size:16px;border:1px solid #cbd9e1;padding:12px;border-radius:8px;background:#fff;color:#152b3b;box-sizing:border-box}.design-create [type=submit],.design-manage [type=submit]{justify-self:start}.design-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #dce5e9;margin-top:24px;padding-top:12px}.design-upload-grid h4{font-size:15px}.design-upload-grid small{display:block;margin-top:10px;color:#6a7c89}.design-file-button{position:relative;overflow:hidden;cursor:pointer}.design-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.design-create button,.design-manage button,.design-detail-bar button,.design-detail-heading button,.design-card button{min-height:44px}.design-create select:disabled{opacity:.6}
@media(max-width:800px){.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}.design-intro{padding:25px 22px;margin-bottom:24px}.design-intro h2{font-size:27px}.design-orbit{width:75px;min-width:75px}.design-intro p{font-size:14px}.design-kicker{font-size:10px;letter-spacing:1.5px}.design-detail-heading{display:block}.design-detail-heading .actions{display:flex;flex-wrap:wrap;margin-top:16px}.design-frame{height:68dvh;min-height:470px}.design-upload-grid{grid-template-columns:1fr}.design-grid{grid-template-columns:1fr}.design-detail-bar{align-items:flex-start;gap:10px}.design-readonly{font-size:11px}.design-gesture{line-height:1.7}.design-create,.design-manage{padding:20px}.design-create h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.design-card-cover svg{transition:none}}

.customer-main .design-gesture{display:none}

/* Shared design feedback and immutable review snapshots. */
.design-feedback{margin-top:24px;padding:26px}.design-feedback-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.design-feedback h3{font-size:23px;margin:8px 0}.design-feedback-heading p,.design-comment-help{font-size:13px;line-height:1.6;color:#5b7281;max-width:680px}.design-feedback-heading .btn{flex-shrink:0}.design-comment-form{display:grid;gap:10px;margin:20px 0 28px}.design-comment-form label{font-size:14px;font-weight:600}.design-comment-form textarea{width:100%;font:inherit;font-size:16px;padding:13px;border:1px solid #c0d2df;border-radius:9px;resize:vertical;min-height:95px;color:#19384d;background:#fff}.design-comment-actions{display:flex;gap:10px;flex-wrap:wrap}.design-comment-help{margin:0}.design-feedback-status{font-size:12px;color:#386675;margin:0}.design-feedback-error{padding:12px;border:1px solid #e2b3a8;background:#fff1ed;border-radius:8px;color:#842e1c;font-size:14px}.design-feedback-error[hidden],.design-markup-draft[hidden],.design-reply-context[hidden]{display:none}.design-markup-draft,.design-reply-context{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#edf5f8;border:1px solid #c3d9e4;border-radius:8px;padding:12px;font-size:12px;line-height:1.6}.design-markup-draft>div{display:flex;gap:8px}.design-markup-draft .btn,.design-reply-context .btn{font-size:12px}.design-review-timeline{display:grid;gap:14px}.design-review-entry{border:1px solid #d5e2e8;border-left:3px solid #4b8aab;border-radius:10px;padding:18px;background:#fff}.review-entry-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px}.review-role{font-size:10px;letter-spacing:.05em;text-transform:uppercase;border-radius:5px;background:#e6f0f5;color:#456a80;padding:4px 7px}.review-entry-heading time{margin-left:auto;color:#607888;font-size:11px}.review-revision{font-size:11px;color:#627e8f;margin-top:10px;overflow-wrap:anywhere}.review-entry-body{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.review-entry-actions{display:flex;gap:9px}.review-entry-actions .btn{font-size:12px}.review-reply-label{font-size:10px;color:#3d6980;display:inline-block;margin-top:10px}.review-published{background:#f1f6f9;border-left-color:#b6c8d4}.design-feedback-empty{background:#f4f8fa;padding:25px;border:1px dashed #c9dce5;border-radius:10px;text-align:center}.design-feedback-empty p{font-size:13px;color:#627987;line-height:1.6}.design-feedback [data-review-earlier]{margin-top:18px}.design-feedback .btn{min-height:42px}.design-markup-dialog{width:min(980px,calc(100vw - 32px));max-height:94dvh;padding:22px;border:1px solid #bfd2de;border-radius:15px;color:#193a50;background:#f8fbfd;box-shadow:0 20px 90px #11293955}.design-markup-dialog::backdrop{background:#102738a8}.markup-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.markup-dialog-head h2{font-size:23px;margin:8px 0}.markup-dialog-head .btn{font-size:22px;min-width:44px;min-height:44px}.markup-explanation{font-size:13px;line-height:1.6;color:#5e7687;margin:8px 0 16px}.markup-tools{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0}.markup-tools>div{display:flex;gap:5px}.markup-tools button{min-width:42px;min-height:42px;padding:8px 12px;font:600 13px Arial,sans-serif;border:1px solid #b9cdd9;border-radius:7px;background:white;color:#294c64;cursor:pointer}.markup-tools button[aria-pressed=true]{border-color:#1e5c80;box-shadow:0 0 0 2px #1e5c80 inset;background:#e5f0f6}.markup-tools button:disabled{opacity:.5}.markup-tools .markup-color:after{content:"";display:block;width:17px;height:17px;border-radius:100%;background:var(--markup-color)}.markup-image-scroll{max-height:59dvh;overflow:auto;border:1px solid #c7d7e1;border-radius:8px;background:#e8f0f4}.markup-stage{position:relative;width:100%;background:#fff;user-select:none}.markup-stage img{display:block;width:100%;height:100%;pointer-events:none}.markup-stage svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.markup-dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.markup-status{min-height:14px;font-size:12px;color:#796239}.design-markup-dialog button:focus-visible{outline:3px solid #4397c6;outline-offset:2px}
@media(max-width:800px){.design-feedback{padding:17px}.design-feedback-heading{display:block}.design-feedback-heading .btn{margin-top:6px}.review-entry-heading time{margin-left:0;flex-basis:100%;font-size:11px}.design-markup-draft,.design-reply-context{align-items:flex-start;flex-direction:column}.design-markup-dialog{width:calc(100vw - 16px);padding:13px;border-radius:10px}.markup-dialog-head h2{font-size:21px}.markup-tools button{padding:7px 10px}.markup-image-scroll{max-height:48dvh}.markup-dialog-footer{flex-wrap:wrap}.markup-dialog-footer .btn{flex:1}.design-feedback h3{font-size:21px}.design-review-entry{padding:14px}}

.design-feedback [hidden]{display:none!important}