@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700;800;900&family=Tajawal:wght@400;500;700;800;900&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--brand-navy:#0b2347;--brand-gold:#b7924a;--brand-beige:#f6efe3;--cream-50:#fffdf9;--cream-100:var(--brand-beige);--cream-200:#eadfce;--navy-950:#07172f;--navy-900:var(--brand-navy);--navy-800:var(--brand-navy);--navy-700:#29466d;--navy-500:#667894;--gold-600:#9f7838;--gold-500:var(--brand-gold);--gold-400:#d1b371;--green-600:#278460;--red-600:#a44747;--white:#fff;--text:var(--brand-navy);--muted:#6f6a61;--border:#0b23471f;--border-strong:#0b234733;--surface:#ffffffe0;--surface-strong:#fff;--surface-deep:#07172ff5;--paper:#fffaf1;--paper-warm:#f7eddd;--shadow-sm:0 10px 28px -22px #0b234757;--shadow-md:0 22px 52px -34px #0b23476b;--shadow-lg:0 36px 88px -48px #0b234780;--shadow-xl:0 34px 86px -46px #07172fb8;--radius-sm:8px;--radius-md:8px;--radius-lg:8px;--ease:180ms ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:#f7f4ef;min-width:320px}body{-webkit-font-smoothing:antialiased;color:#0b2347;color:var(--text);font-family:Inter Tight,Helvetica Neue,Segoe UI,Arial,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}.language-ar{font-family:IBM Plex Sans Arabic,Tajawal,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}canvas,img{max-width:100%}.app-root{container-name:frameana-app;container-type:inline-size;isolation:isolate;margin:0 auto;min-height:100vh;position:relative;transition:background .18s ease,box-shadow .18s ease;width:100%}.device-mode-laptop{max-width:none}.auth-device-full{background:#f7f4ef;box-shadow:none;max-width:none}.device-mode-mobile{background:#f7eddd;background:var(--paper-warm);box-shadow:-1px 0 0 #0b234714,1px 0 0 #0b234714,0 26px 82px -56px #0b2347c7;max-width:430px}.background-grid{background-image:linear-gradient(rgba(11,35,71,.035) 1px,#0000 0),linear-gradient(90deg,rgba(11,35,71,.035) 1px,#0000 0),linear-gradient(135deg,#b7924a0f,#0000 42%,#0b23470a);background-size:34px 34px,34px 34px,100% 100%;display:none;inset:0;-webkit-mask-image:linear-gradient(180deg,#000,#0000 78%);mask-image:linear-gradient(180deg,#000,#0000 78%);opacity:.58;pointer-events:none;position:fixed;z-index:-3}.frame-glyph{display:block;height:auto;max-width:100%}.app-shell{margin:0 auto;padding:18px 0 30px;width:min(1260px,calc(100% - 32px))}.app-shell:not(.auth-shell){padding:0 0 32px;width:100%}.topbar{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b213f;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:row;gap:16px;justify-content:flex-start;margin:0 0 24px;min-height:56px;padding:0 max(16px,calc(50vw - 620px));position:sticky;top:0;z-index:40}.topbar:after{background:linear-gradient(90deg,#0000,#b7924a,#0000);background:linear-gradient(90deg,#0000,var(--gold-500),#0000);content:"";inset-inline:0;bottom:0;height:1px;opacity:.62;position:absolute}.brand-lockup{align-items:center;display:flex;flex:0 0 auto;height:56px;justify-content:flex-start;min-width:0;width:auto}.app-brand-wordmark{color:#fffdf9;color:var(--cream-50);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:1rem;font-weight:700;letter-spacing:.32em;line-height:1}.topbar-divider{background:#f6efe333;flex:0 0 auto;height:16px;width:1px}.brand-logo{filter:drop-shadow(0 12px 20px rgba(11,35,71,.14));height:66px;object-fit:contain;object-position:center;width:154px}.device-mode-switch{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:1px solid #f6efe338;border-radius:8px;box-shadow:none;display:inline-grid;gap:2px;grid-template-columns:repeat(2,28px);padding:2px}.device-mode-switch button{align-items:center;background:#0000;border:1px solid #0000;border-radius:7px;color:#f6efe394;display:inline-flex;font-size:0;font-weight:700;gap:0;justify-content:center;min-height:28px;min-width:28px;padding:0;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;transition:color var(--ease),background var(--ease),border-color var(--ease),box-shadow var(--ease),transform var(--ease);width:28px}.device-mode-switch button:hover{color:#fffdf9;color:var(--cream-50);transform:none}.device-mode-switch button span{display:none}.device-mode-switch .device-mode-active{background:#f6efe324;border-color:#0000;box-shadow:none;color:#fffdf9;color:var(--cream-50)}.device-mode-switch .device-mode-active:hover{color:#fff;color:var(--white)}.language-list-control{color:#0b2347;color:var(--navy-900);direction:ltr;position:absolute;right:14px;top:12px;z-index:20}.topbar .language-list-control{flex:0 0 auto;position:relative;right:auto;top:auto}.topbar .language-trigger{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-color:#f6efe340;border-radius:6px;box-shadow:none;color:#fffdf9;color:var(--cream-50);font-size:.75rem;gap:5px;grid-template-columns:14px minmax(22px,1fr) 12px;min-height:32px;min-width:66px;padding:0 8px}.topbar .language-list-open .language-trigger,.topbar .language-trigger:hover{background:#f6efe31a;border-color:#f6efe357;box-shadow:none}.topbar .language-globe{height:14px;width:14px}.topbar .language-chevron{height:12px;width:12px}.topbar .language-menu{top:calc(100% + 8px);width:170px}.language-trigger{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf9d6;border:1px solid #0b234721;border-radius:8px;box-shadow:0 10px 24px -21px #0b23476b;color:#0b2347;color:var(--navy-900);display:inline-grid;font-size:.82rem;font-weight:800;gap:6px;grid-template-columns:16px minmax(26px,1fr) 14px;min-height:40px;min-width:72px;padding:0 10px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;transition:border-color var(--ease),background var(--ease),box-shadow var(--ease)}.language-list-open .language-trigger,.language-trigger:hover{background:#fff;background:var(--white);border-color:#b7924a5c;box-shadow:0 15px 32px -24px #0b234785}.language-globe{color:currentColor;flex:0 0 15px;height:15px;width:15px}.language-trigger span{line-height:1;text-align:center}.language-chevron{flex:0 0 14px;height:14px;opacity:.78;pointer-events:none;transition:transform .18s ease;transition:transform var(--ease);width:14px}.language-list-open .language-chevron{transform:rotate(180deg)}.language-menu{grid-gap:4px;background:#fffdf9;border:1px solid #0b23471c;border-radius:8px;box-shadow:0 18px 42px -26px #0b234773,0 2px 8px #0b234714;display:grid;gap:4px;padding:9px;position:absolute;right:0;top:calc(100% + 6px);width:180px}.language-option{grid-gap:10px;align-items:center;background:#0000;border:0;border-radius:6px;color:#0b2347;color:var(--navy-900);display:grid;font-size:.86rem;font-weight:500;gap:10px;grid-template-columns:1fr 18px;min-height:36px;padding:7px 8px;text-align:left}.language-option-active,.language-option:hover{background:#f6efe3a8}.language-option svg{color:#9f7838;color:var(--gold-600);justify-self:end}.topbar-controls{flex-direction:row;gap:10px;justify-content:space-between;width:100%}.account-nav,.topbar-controls{align-items:center;display:flex;flex-wrap:nowrap;min-width:0}.account-nav{background:#0000;border:0;border-radius:0;box-shadow:none;gap:4px;justify-content:flex-start;padding:0;width:auto}.account-chip,.account-logout-button,.account-nav button{align-items:center;border-radius:6px;color:#f6efe3a8;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;justify-content:center;min-height:32px;padding:0 10px}.account-chip{background:#0000;border:1px solid #f6efe340;color:#fffdf9;color:var(--cream-50);max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-logout-button,.account-nav button{background:#0000;border:1px solid #0000}.account-nav .account-home-button{background:#f6efe314;border-color:#f6efe32e;color:#fffdf9;color:var(--cream-50);flex:0 0 32px;padding:0;width:32px}.account-nav .account-home-button:hover{background:#c9a14a2e;border-color:#c9a14a6b}.account-logout-button:hover,.account-nav .account-nav-active,.account-nav button:hover{background:#f6efe31f;border-color:#0000;color:#fffdf9;color:var(--cream-50)}.topbar-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;margin-inline-start:auto}.hero{margin:18px auto 26px;max-width:900px;text-align:center}.hero-badge{align-items:center;background:#ffffffd1;border:1px solid #b7924a47;border-radius:999px;box-shadow:0 10px 28px -22px #0b234757;box-shadow:var(--shadow-sm);color:#9f7838;color:var(--gold-600);display:inline-flex;font-size:.8rem;font-weight:800;gap:7px;padding:8px 13px}.hero h1{color:#07172f;color:var(--navy-950);font-size:clamp(2rem,5vw,3.65rem);letter-spacing:0;line-height:1.08;margin:18px 0 12px}.hero h1 span{background:linear-gradient(120deg,#9f7838,#d1b371);background:linear-gradient(120deg,var(--gold-600),var(--gold-400));-webkit-background-clip:text;background-clip:text;color:#0000}.hero p{color:#6f6a61;color:var(--muted);font-size:clamp(.95rem,2vw,1.08rem);line-height:1.75;margin:0 auto;max-width:680px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.hero-cta,.hero-ghost{min-width:170px}.designer-header{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin:8px auto 18px;width:min(1240px,calc(100% - 32px))}.designer-header>div{min-width:0}.designer-header h1{color:#07172f;color:var(--navy-950);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:clamp(1.55rem,2.6vw,2rem);font-weight:600;letter-spacing:0;line-height:1.15;margin:5px 0 0}.designer-header p{color:#6f6a61;color:var(--muted);font-size:.86rem;line-height:1.55;margin:6px 0 0;max-width:620px}.designer-new-button{flex:0 0 auto;font-size:.76rem;min-height:36px;padding-inline:12px}.stepper{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:0;border-radius:8px;box-shadow:none;display:flex;margin:0 auto 16px;overflow-x:auto;padding:0 0 2px;width:min(1240px,calc(100% - 32px))}.stepper-item{align-items:center;background:#fffdf9c7;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:999px;color:#6f6a61;color:var(--muted);display:inline-flex;flex:0 0 auto;gap:7px;min-height:34px;min-width:0;padding:6px 12px;text-align:right;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;transition:background var(--ease),color var(--ease),transform var(--ease),border-color var(--ease);white-space:nowrap;width:auto}.stepper-item:not(:disabled):hover{background:#fffdf9f5;border-color:#b7924a52;transform:translateY(-1px)}.step-number{background:#ffffffbf;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:50%;display:grid;font-size:.68rem;font-weight:800;height:22px;place-items:center;transition:all .18s ease;transition:all var(--ease);width:22px}.step-icon{display:none}.step-copy{display:flex;flex-direction:column;min-width:0}.step-copy strong{font-size:.76rem;font-weight:700;white-space:nowrap}.step-copy small{display:none}.stepper-active{background:#0b2347;background:var(--navy-900);border-color:#0b2347;border-color:var(--navy-900);color:#fff;color:var(--white)}.stepper-active .step-number{background:#ffffff1a;border-color:#ffffff38;box-shadow:none;color:#fff;color:var(--white)}.stepper-done{color:#29466d;color:var(--navy-700)}.stepper-done .step-number{background:#b7924a1a;border-color:#b7924a73;color:#9f7838;color:var(--gold-600)}.step-connector{background:#0b23471a;border-radius:999px;flex:0 0 22px;height:1px;min-width:22px;overflow:hidden}.step-connector:after{background:linear-gradient(90deg,#b7924a,#0b2347);background:linear-gradient(90deg,var(--gold-500),var(--navy-800));content:"";display:block;height:100%;transition:width .42s ease;width:0}.connector-done:after{width:100%}.workspace{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:0;border-radius:0;box-shadow:none;margin:0 auto;min-height:480px;overflow:visible;padding:0;position:relative;width:min(1240px,calc(100% - 32px))}.workspace:before{display:none}.designer-work-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}.designer-side-panel,.designer-work-panel{background:#fffdf9eb;border:1px solid #0b234717;border-radius:8px;box-shadow:0 26px 60px -48px #0b234785;min-width:0}.designer-work-panel{padding:20px}.designer-side-panel{grid-gap:14px;display:grid;gap:14px;padding:20px;position:sticky;top:80px}.designer-summary-visual{background:#f6efe3b8;border-radius:8px;display:grid;min-height:112px;overflow:hidden;place-items:center;position:relative}.designer-summary-visual img{filter:grayscale(1);height:170px;object-fit:cover;object-position:center;opacity:.2;width:100%}.designer-summary-visual img+.frame-glyph{inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-50%)}.designer-summary-list{grid-gap:0;display:grid;gap:0;margin:0}.designer-summary-divider{background:linear-gradient(90deg,#0000,#b7924abd,#0000);height:1px;margin:2px 0}.step-animation{animation:step-in .34s ease both;position:relative}@keyframes step-in{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.inline-alert{grid-gap:10px;align-items:center;background:#fff4f4db;border:1px solid #a447472e;border-radius:8px;color:#a44747;color:var(--red-600);display:grid;font-size:.88rem;gap:10px;grid-template-columns:20px 1fr 30px;margin-bottom:22px;padding:12px 14px;position:relative;z-index:2}.inline-alert button{background:#0000;border:0;border-radius:50%;color:inherit;display:grid;height:30px;place-items:center;width:30px}.section-intro{margin:0 0 18px;max-width:720px;text-align:right}.eyebrow{color:#9f7838;color:var(--gold-600);display:inline-block;font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.error-state h2,.loading-state h2,.result-header h2,.section-intro h2{color:#07172f;color:var(--navy-950);font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.18;margin:5px 0 7px}.error-state p,.loading-state p,.result-header p,.section-intro p{color:#6f6a61;color:var(--muted);font-size:.84rem;line-height:1.6;margin:0}.upload-zone{align-items:center;background:#f6efe36b;border:1px dashed #0b234729;border-radius:8px;box-shadow:none;color:#0b2347;color:var(--text);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:210px;padding:44px 24px;text-align:center;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease;transition:border-color var(--ease),transform var(--ease),box-shadow var(--ease),background var(--ease);width:100%}.upload-zone-dragging,.upload-zone:hover{background:#b7924a0f;border-color:#b7924a;border-color:var(--gold-500);box-shadow:none;transform:none}.upload-icon{background:#0000;border-radius:8px;box-shadow:none;color:#6f6a61;color:var(--muted);display:grid;height:48px;place-items:center;width:48px}.upload-content{display:flex;flex-direction:column;gap:6px}.upload-content strong{color:#0b2347;color:var(--navy-900);font-size:.98rem}.upload-content small{color:#6f6a61;color:var(--muted);font-size:.76rem}.upload-action{align-items:center;background:#0b2347;background:var(--navy-900);border-radius:8px;box-shadow:none;color:#fff;color:var(--white);display:none;font-size:.76rem;font-weight:800;gap:7px;margin-top:6px;min-height:36px;padding:8px 13px}.upload-tips{display:none;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:14px}.tip-card{grid-gap:10px;background:#ffffffb3;border:1px solid #0b234714;box-shadow:none;gap:10px;grid-template-columns:32px 1fr;padding:12px}.tip-card,.tip-card>span{border-radius:8px;display:grid}.tip-card>span{background:#b7924a1f;color:#9f7838;color:var(--gold-600);height:32px;place-items:center;width:32px}.tip-card strong{color:#0b2347;color:var(--navy-900);display:block;font-size:.78rem}.tip-card p{color:#6f6a61;color:var(--muted);font-size:.7rem;line-height:1.45;margin:4px 0 0}.desktop-split{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.customer-mini-card{background:#fffc;border:1px solid #0b234714;border-radius:8px;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;position:sticky;top:14px}.customer-image-wrap{background:linear-gradient(45deg,#0b23470a 25%,#0000 0),linear-gradient(-45deg,#0b23470a 25%,#0000 0),linear-gradient(45deg,#0000 75%,#0b23470a 0),linear-gradient(-45deg,#0000 75%,#0b23470a 0);background-size:24px 24px;color:#667894;color:var(--navy-500);display:grid;flex:1 1;min-height:238px;overflow:hidden;place-items:center}.customer-image-wrap img{height:100%;min-height:238px;object-fit:cover;object-position:center;padding:5px;width:100%}.customer-mini-card>div:last-child{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr);min-width:0;padding:15px}.customer-file-icon{background:linear-gradient(135deg,#0b2347f5,#0b2347c7),#0b2347;background:linear-gradient(135deg,#0b2347f5,#0b2347c7),var(--navy-800);border-radius:8px;color:#fff!important;color:var(--white)!important;display:grid!important;height:34px;place-items:center;width:34px}.customer-file-meta{min-width:0}.customer-file-meta span{color:#6f6a61;color:var(--muted);display:block;font-size:.72rem}.customer-file-meta strong{color:#0b2347;color:var(--navy-900);display:block;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.models-grid{grid-gap:12px;align-self:start;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.model-card{grid-gap:10px;align-items:stretch;background:linear-gradient(180deg,#fffffff0,#fffaf1c7);border:1px solid #0b234714;border-radius:8px;color:#0b2347;color:var(--text);display:grid;gap:10px;grid-template-columns:1fr;min-height:172px;min-width:0;padding:12px;text-align:right;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;transition:transform var(--ease),border-color var(--ease),box-shadow var(--ease),background var(--ease)}.model-card:hover{background:#fffffff5;border-color:#b7924a66;box-shadow:0 22px 52px -34px #0b23476b;box-shadow:var(--shadow-md);transform:translateY(-1px)}.model-selected{background:#b7924a14;border-color:#b7924a;border-color:var(--gold-500);box-shadow:0 18px 38px -34px #b7924ac7}.model-top{background:#f6efe3b8;min-height:80px;place-items:center;position:relative}.model-top,.model-visual{border-radius:8px;display:grid}.model-visual{box-shadow:none;height:52px;place-items:center;width:112px}.model-selected .model-visual,.model-visual{background:#0000;color:#0b2347;color:var(--navy-800)}.selection-mark{background:#fff;background:var(--white);border:1px solid #0b23471f;border:1px solid var(--border);border-radius:50%;color:#fff;color:var(--white);display:grid;height:22px;inset-inline-start:8px;place-items:center;position:absolute;top:8px;width:22px}.model-selected .selection-mark{background:#b7924a;background:var(--gold-500);border-color:#b7924a;border-color:var(--gold-500)}.model-copy{min-width:0}.model-copy strong{color:#0b2347;color:var(--navy-900);display:block;font-size:.88rem}.model-copy p{color:#6f6a61;color:var(--muted);font-size:.72rem;line-height:1.45;margin:6px 0 0}.model-tag{align-self:end;background:#b7924a17;border:1px solid #b7924a38;border-radius:999px;color:#9f7838;color:var(--gold-600);font-size:.62rem;font-weight:900;justify-self:start;padding:6px 9px;white-space:nowrap}.custom-layout{grid-gap:0;align-items:stretch;display:grid;gap:0;grid-template-columns:minmax(0,1fr)}.custom-form{grid-gap:14px;background:linear-gradient(180deg,#ffffffeb,#f6efe36b);border:1px solid #0b234717;border-radius:8px;box-shadow:0 24px 58px -44px #0b234785;display:grid;gap:14px;grid-template-columns:1fr;min-width:0;padding:16px}.custom-form-lovable{background:#0000;border:0;border-radius:0;box-shadow:none;gap:24px;padding:0}.custom-block{grid-gap:12px;display:grid;gap:12px;min-width:0}.custom-block-title h3{color:#07172f;color:var(--navy-950);font-size:.92rem;font-weight:700;letter-spacing:.02em;margin:0}.custom-block-title p{color:#6f6a61;color:var(--muted);font-size:.74rem;line-height:1.45;margin:4px 0 0}.material-segment{align-items:center;background:#fffdf9c7;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;display:inline-flex;gap:2px;max-width:100%;padding:2px;width:fit-content}.material-segment button{background:#0000;border:0;border-radius:6px;color:#6f6a61;color:var(--muted);font-size:.74rem;font-weight:700;min-height:32px;padding:0 13px;transition:background .18s ease,color .18s ease;transition:background var(--ease),color var(--ease)}.material-segment button:hover{color:#07172f;color:var(--navy-950)}.material-segment .material-segment-active{background:#0b2347;background:var(--navy-900);color:#fffdf9;color:var(--cream-50)}.color-swatch-row{display:flex;flex-wrap:wrap;gap:8px}.color-swatch-button{border:2px solid #0b23471f;border:2px solid var(--border);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff8c;display:inline-block;height:32px;padding:0;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;transition:border-color var(--ease),transform var(--ease),box-shadow var(--ease);width:32px}.color-swatch-button:hover{border-color:#29466d;border-color:var(--navy-700);transform:scale(1.05)}.color-swatch-active{border-color:#b7924a;border-color:var(--gold-500);box-shadow:inset 0 0 0 1px #ffffffa8,0 0 0 3px #b7924a1f;transform:scale(1.06)}.custom-two-column{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-label{color:#6f6a61;color:var(--muted);display:block;font-size:.74rem;font-weight:600}.compact-engraving-input{background:#fffdf9e6;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;color:#07172f;color:var(--navy-950);font-size:.82rem;font-weight:650;letter-spacing:.16em;min-height:36px;outline:none;padding:0 12px;text-transform:uppercase;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease);width:100%}.compact-engraving-input:focus{background:#fff;background:var(--white);border-color:#b7924ab8;box-shadow:0 0 0 3px #b7924a1f}.custom-form-header{grid-gap:11px;align-items:center;border-bottom:1px solid #0b234714;display:grid;gap:11px;grid-template-columns:42px 1fr;padding-bottom:13px}.custom-form-header>span{background:#0b2347;background:var(--navy-800);border-radius:8px;color:#fff;color:var(--white);display:grid;height:42px;place-items:center;width:42px}.custom-form-header strong{color:#0b2347;color:var(--navy-900);display:block;font-size:.95rem}.custom-form-header small{color:#6f6a61;color:var(--muted);display:block;font-size:.72rem;line-height:1.45;margin-top:3px}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{background:#ffffffd1;border:1px solid #0b234714;border-radius:8px;min-width:0;padding:13px}.field-label{align-items:center;color:#0b2347;color:var(--navy-800);display:flex;font-size:.82rem;font-weight:900;gap:8px;margin-bottom:10px}.field-help{color:#6f6a61;color:var(--muted);display:block;font-size:.7rem;line-height:1.4;margin-top:6px}.color-code-input,.custom-input{background:#ffffffeb;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;color:#0b2347;color:var(--navy-900);min-height:46px;outline:none;padding:10px 12px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease);width:100%}.color-code-input:focus,.custom-input:focus{background:#fff;background:var(--white);border-color:#b7924a;border-color:var(--gold-500);box-shadow:0 0 0 4px #b7924a1a}.preset-colors{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:10px}.preset-color{align-items:center;background:#ffffffc7;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;color:#6f6a61;color:var(--muted);display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:66px;min-width:0;padding:8px;transition:border-color .18s ease,transform .18s ease,background .18s ease;transition:border-color var(--ease),transform var(--ease),background var(--ease)}.preset-color:hover{transform:translateY(-1px)}.preset-color-active{background:#b7924a14;border-color:#b7924a;border-color:var(--gold-500);color:#0b2347;color:var(--navy-800)}.preset-color>span{border:1px solid #0b234721;border-radius:6px;height:24px;width:100%}.preset-color small{font-size:.62rem;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-picker{grid-gap:9px;display:grid;gap:9px;grid-template-columns:48px 1fr}.native-color{background:#fff;background:var(--white);border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;cursor:pointer;min-height:46px;overflow:hidden;position:relative}.native-color input{height:1px;opacity:0;position:absolute;width:1px}.native-color span{border:1px solid #0b234721;border-radius:6px;inset:6px;position:absolute}.color-code-input{direction:ltr;font-family:Consolas,Courier New,monospace;font-size:.83rem;text-align:left}.live-summary{background:linear-gradient(155deg,#0b2347fa,#0b2347f0);border:1px solid #0b23471a;border-radius:8px;box-shadow:0 30px 70px -42px #0b2347f2;color:#fff;color:var(--white);overflow:hidden;padding:14px;position:sticky;top:14px}.summary-kicker{align-items:center;align-self:flex-start;background:#f6efe314;border:1px solid #b7924a47;border-radius:999px;color:#d1b371;color:var(--gold-400);display:inline-flex;font-size:.7rem;font-weight:900;margin-bottom:10px;padding:6px 9px}.summary-image{aspect-ratio:4/5;background:#f6efe3;background:var(--cream-100);border-radius:8px;color:#ffffffa8;display:grid;min-height:0;overflow:visible;padding:7px;place-items:center;position:relative}.summary-image img{display:block;height:100%;max-height:none;max-width:100%;object-fit:contain;object-position:center;width:100%}.frame-color-ring{border:2px solid;border-radius:8px;inset:7px;opacity:.8;pointer-events:none;position:absolute}.summary-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:14px 0 8px}.summary-heading span{color:#fff9;font-size:.72rem}.summary-heading strong{color:#d1b371;color:var(--gold-400);font-size:.9rem}.summary-row{align-items:center;border-top:1px solid #0b234714;display:flex;gap:12px;justify-content:space-between;padding:9px 0}.summary-row span{color:#6f6a61;color:var(--muted);font-size:.72rem}.summary-row strong{align-items:center;color:#0b2347;color:var(--navy-900);display:inline-flex;font-size:.75rem;gap:7px;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric i,.summary-row i{border:1px solid #0b23472e;border-radius:50%;flex:0 0 auto;height:12px;width:12px}.summary-note{align-items:flex-start;background:#b7924a14;border:1px solid #b7924a33;border-radius:8px;color:#ffffffbd;display:flex;font-size:.7rem;gap:8px;line-height:1.45;margin-top:10px;padding:10px}.nav-buttons,.result-actions{align-items:center;border-top:1px solid #0b234714;display:flex;gap:12px;justify-content:space-between;margin-top:24px;padding-top:16px}.btn{align-items:center;border:1px solid #0000;border-radius:8px;display:inline-flex;font-size:.84rem;font-weight:900;gap:8px;justify-content:center;min-height:46px;padding:11px 19px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;transition:transform var(--ease),box-shadow var(--ease),background var(--ease),border-color var(--ease)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#0b2347;background:var(--navy-900);border-color:#0b23472e;box-shadow:0 20px 36px -24px #0b2347c7;color:#fff;color:var(--white)}.btn-primary:hover{background:var(--navy-950);box-shadow:0 24px 42px -22px #0b2347d1}.btn-secondary{background:#ffffffd1;border-color:#0b23471f;border-color:var(--border);color:#0b2347;color:var(--navy-800)}.btn-secondary:hover{background:#fff;background:var(--white);border-color:#0b234733;border-color:var(--border-strong)}.btn-accent{background:#b7924a;background:var(--gold-500);border-color:#b7924a47;box-shadow:0 18px 34px -24px #b7924ae6;color:#07172f;color:var(--navy-950)}.btn-accent:hover{background:#c4a257;box-shadow:0 22px 40px -23px #b7924af2}.btn-ghost{background:#0000;border-color:#0000;color:#29466d;color:var(--navy-700)}.btn-ghost:hover{background:#f6efe3b8;color:#07172f;color:var(--navy-950)}.compact-button{min-height:40px;padding:8px 13px}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:620px;min-height:430px;text-align:center}.loader-orbit{background:#b7924a12;border:1px solid #b7924a38;border-radius:50%;color:#9f7838;color:var(--gold-600);display:grid;height:94px;margin-bottom:19px;place-items:center;position:relative;width:94px}.loader-orbit>svg:first-child{animation:spin 1.2s linear infinite;height:100%;padding:7px;position:absolute;width:100%}.loader-logo{border-radius:10px;height:60px;object-fit:contain;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-steps{align-items:center;background:#ffffffa3;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:999px;display:flex;gap:8px;margin-top:24px;padding:6px}.loading-steps span{border-radius:999px;color:#6f6a61;color:var(--muted);font-size:.7rem;font-weight:800;padding:7px 10px}.loading-step-active{background:#0b2347;background:var(--navy-800);color:#fff!important;color:var(--white)!important}.error-icon{background:#a4474717;border-radius:50%;color:#a44747;color:var(--red-600);display:grid;height:74px;margin-bottom:12px;place-items:center;width:74px}.result-page{grid-gap:20px;display:grid;gap:20px;width:100%}.result-header,.result-hero{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.result-hero{align-items:flex-end;flex-wrap:wrap}.result-header>div{min-width:0}.result-hero h2{color:#07172f;color:var(--navy-950);font-size:clamp(1.35rem,2.3vw,1.75rem);font-weight:650;letter-spacing:0;margin:4px 0 0}.result-hero p{color:#6f6a61;color:var(--muted);font-size:.82rem;margin:6px 0 0}.result-new-count{color:#6f6a61;color:var(--muted);flex:0 0 auto;font-size:.74rem;font-weight:700}.success-pill{align-items:center;background:#27846017;border:1px solid #2784602e;border-radius:999px;color:#278460;color:var(--green-600);display:inline-flex;font-size:.75rem;font-weight:900;gap:7px;padding:7px 11px}.result-summary-strip{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.result-summary-strip>div{background:linear-gradient(180deg,#fffffff0,#fffaf1c2);border:1px solid #0b234714;border-radius:8px;box-shadow:0 18px 44px -36px #0b23476b;min-width:0;padding:12px}.result-summary-strip span{color:#6f6a61;color:var(--muted);display:block;font-size:.68rem;font-weight:800}.result-summary-strip strong{align-items:center;color:#0b2347;color:var(--navy-900);display:flex;font-size:.82rem;gap:7px;margin-top:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-summary-strip i{border:1px solid #0b23472e;border-radius:50%;flex:0 0 auto;height:12px;width:12px}.preview-grid{grid-gap:17px;align-items:start;display:grid;gap:17px;grid-template-columns:repeat(2,minmax(0,1fr))}.result-media-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.result-command-card,.result-stl-card,.result-summary-card,.result-visual-card{background:#fffdf9eb;border:1px solid #0b234717;border-radius:8px;box-shadow:0 26px 60px -48px #0b234785;min-width:0;overflow:hidden}.result-visual-card{margin:0}.result-stl-view,.result-visual-frame{aspect-ratio:1;background:#f6efe3b8;display:grid;overflow:hidden;place-items:center;position:relative}.result-visual-image-button{background:#0000;border:0;cursor:zoom-in;display:block;height:100%;padding:0;width:100%}.result-visual-image-button img{display:block;height:100%;object-fit:contain;object-position:center;width:100%}.result-stl-overlay button,.result-visual-expand{background:#0b2347cc;border:0;border-radius:6px;color:#fffdf9;color:var(--cream-50);display:grid;height:30px;place-items:center;transition:background .18s ease;transition:background var(--ease);width:30px}.result-visual-expand{inset-inline-end:12px;position:absolute;top:12px}.result-stl-overlay button:hover,.result-visual-expand:hover{background:#0b2347;background:var(--navy-900)}.result-visual-empty{grid-gap:10px;color:#6f6a61;color:var(--muted);display:grid;font-size:.78rem;gap:10px;padding:22px;place-items:center;text-align:center}.result-visual-card figcaption{align-items:center;border-top:1px solid #0b234714;color:#0b2347;color:var(--navy-900);display:flex;font-size:.78rem;gap:12px;justify-content:space-between;padding:10px 14px}.result-visual-card figcaption span{font-weight:800}.result-visual-card figcaption small{align-items:center;color:#6f6a61;color:var(--muted);display:inline-flex;font-size:.68rem;gap:6px;white-space:nowrap}.result-visual-card figcaption i{border:1px solid #0b23472e;border-radius:50%;height:10px;width:10px}.result-stl-card{display:flex;flex-direction:column}.result-stl-view .stl-viewer{height:100%;min-height:0;width:100%}.result-stl-view .stl-viewer-placeholder{min-height:100%}.result-stl-overlay{align-items:center;display:flex;gap:12px;inset:12px 12px auto;justify-content:space-between;pointer-events:none;position:absolute}.result-stl-overlay span{background:#0b2347cc;border-radius:6px;color:#fffdf9;color:var(--cream-50);font-size:.68rem;font-weight:700;padding:6px 9px}.result-stl-overlay button{pointer-events:auto}.result-stl-files{border-top:1px solid #0b234714;display:grid}.result-stl-file{grid-gap:8px;align-items:center;border-bottom:1px solid #0b234714;color:#0b2347;color:var(--navy-800);display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 34px;padding:8px 12px}.result-stl-file:last-child{border-bottom:0}.result-stl-file button{grid-gap:8px;align-items:center;background:#0000;border:0;color:inherit;display:grid;gap:8px;grid-template-columns:16px minmax(0,1fr) auto;min-width:0;padding:0;text-align:start}.result-stl-file span{font-size:.74rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-stl-file small{color:#6f6a61;color:var(--muted);font-size:.64rem;font-weight:700}.result-stl-file a{border-radius:6px;color:#6f6a61;color:var(--muted);display:grid;height:32px;place-items:center;text-decoration:none;width:32px}.result-stl-file-active{background:#b7924a14;color:#07172f;color:var(--navy-950)}.result-stl-empty{align-items:center;color:#6f6a61;color:var(--muted);display:inline-flex;font-size:.78rem;gap:8px;justify-content:center;min-height:54px;padding:12px}.result-lower-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(280px,1fr) minmax(0,1.6fr)}.result-command-card,.result-summary-card{padding:20px}.result-summary-list{grid-gap:0;display:grid;gap:0;margin:10px 0 0}.result-command-card{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.result-command-card .btn{min-height:40px}.preview-card{align-self:start;background:#ffffffe6;border:1px solid #0b234717;border-radius:8px;box-shadow:0 28px 62px -46px #0b234794;min-width:0;overflow:hidden}.preview-card-heading{align-items:center;color:#29466d;color:var(--navy-700);display:flex;gap:14px;justify-content:space-between;padding:14px 16px}.preview-card-heading>div{display:flex;flex-direction:column;gap:3px}.preview-card-heading strong{color:#0b2347;color:var(--navy-900);font-size:.88rem}.preview-card-heading span{color:#6f6a61;color:var(--muted);font-size:.7rem}.preview-frame{background:linear-gradient(45deg,rgba(11,35,71,.035) 25%,#0000 0),linear-gradient(-45deg,rgba(11,35,71,.035) 25%,#0000 0),linear-gradient(45deg,#0000 75%,rgba(11,35,71,.035) 0),linear-gradient(-45deg,#0000 75%,rgba(11,35,71,.035) 0),#fffdf9;background:linear-gradient(45deg,rgba(11,35,71,.035) 25%,#0000 25%),linear-gradient(-45deg,rgba(11,35,71,.035) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,rgba(11,35,71,.035) 75%),linear-gradient(-45deg,#0000 75%,rgba(11,35,71,.035) 75%),var(--cream-50);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;display:grid;min-height:290px;overflow:hidden;place-items:center}.preview-image-button{background:#0000;border:0;cursor:zoom-in;display:block;padding:0;width:100%}.preview-img{display:block;height:min(52vh,520px);object-fit:contain;object-position:center;width:100%}.view-full-button{align-items:center;background:#fffc;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;color:#29466d;color:var(--navy-700);display:inline-flex;font-size:.7rem;font-weight:900;gap:6px;min-height:34px;padding:7px 10px;transition:border-color .18s ease,background .18s ease,transform .18s ease;transition:border-color var(--ease),background var(--ease),transform var(--ease)}.view-full-button:hover{background:#fff;background:var(--white);border-color:#b7924a66;transform:translateY(-1px)}body.lightbox-open{overflow:hidden}.image-lightbox{display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:1000}.lightbox-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07172fdb;border:0;height:100%;inset:0;position:absolute;width:100%}.lightbox-dialog{background:#fffdf9;background:var(--cream-50);border:1px solid #ffffff2e;border-radius:8px;box-shadow:0 42px 110px -38px #000000e6;display:flex;flex-direction:column;max-height:94vh;overflow:hidden;position:relative;width:min(1180px,96vw);z-index:1}.lightbox-header{align-items:center;border-bottom:1px solid #0b23471f;border-bottom:1px solid var(--border);color:#0b2347;color:var(--navy-900);display:flex;gap:14px;justify-content:space-between;min-height:54px;padding:10px 14px}.lightbox-header button{background:#fff;background:var(--white);border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;color:#0b2347;color:var(--navy-800);display:grid;height:36px;place-items:center;width:36px}.lightbox-content{background:#f6efe3;background:var(--cream-100);display:grid;min-height:0;overflow:auto;padding:12px;place-items:center}.lightbox-content img{display:block;height:auto;max-height:calc(94vh - 80px);max-width:100%;object-fit:contain;width:auto}.stl-lightbox-dialog{background:#fffdf9;background:var(--cream-50);height:min(860px,92vh);width:min(1180px,96vw)}.stl-lightbox-content{background:#f6efe3c7;display:grid;flex:1 1;min-height:0;overflow:hidden}.stl-lightbox-content .stl-viewer{height:100%;min-height:620px;width:100%}.stl-lightbox-content .stl-viewer-placeholder{min-height:620px}.preview-empty{align-items:center;color:#6f6a61;color:var(--muted);display:flex;flex-direction:column;font-size:.8rem;gap:10px}.panel{background:#ffffffd1;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 28px -22px #0b234757;box-shadow:var(--shadow-sm);margin-top:18px;padding:18px}.panel-title{align-items:center;display:flex;gap:11px;margin-bottom:15px}.panel-title>span{background:#b7924a1a;border-radius:8px;color:#9f7838;color:var(--gold-600);display:grid;flex:0 0 auto;height:42px;place-items:center;width:42px}.panel-title h3{color:#0b2347;color:var(--navy-900);font-size:1rem;margin:0}.panel-title p{color:#6f6a61;color:var(--muted);font-size:.72rem;margin:3px 0 0}.metrics-grid{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:#f6efe3c7;border:1px solid #0b234714;border-radius:8px;min-width:0;padding:11px}.metric>span{color:#6f6a61;color:var(--muted);display:block;font-size:.66rem;letter-spacing:0}.metric strong{align-items:center;color:#0b2347;color:var(--navy-900);display:flex;font-family:Consolas,Courier New,monospace;font-size:.76rem;gap:7px;margin-top:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric i{border-color:#0b23472e}.panel-actions{margin-top:13px;max-width:320px}.stl-layout{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 250px}.stl-viewer-card{background:#f6efe3;background:var(--cream-100);border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;min-width:0;overflow:hidden}.stl-viewer{min-height:430px;overflow:hidden;position:relative;width:100%}.stl-viewer canvas{display:block;height:100%;touch-action:none;width:100%}.stl-viewer-placeholder{align-items:center;color:#6f6a61;color:var(--muted);display:flex;flex-direction:column;gap:9px;justify-content:center}.stl-viewer-error{background:#fff8f8f0;color:#a44747;color:var(--red-600);display:grid;inset:0;padding:24px;place-items:center;position:absolute;text-align:center;z-index:3}.viewer-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b2347b8;border-radius:999px;bottom:10px;color:#fff;color:var(--white);font-size:.64rem;padding:6px 9px;pointer-events:none;position:absolute;right:10px;z-index:2}.stl-file-list{display:flex;flex-direction:column;gap:8px}.stl-file-card{grid-gap:7px;background:#ffffffd1;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;display:grid;gap:7px;grid-template-columns:1fr 42px;padding:6px;transition:border-color .18s ease,background .18s ease,transform .18s ease;transition:border-color var(--ease),background var(--ease),transform var(--ease)}.stl-file-card:hover{transform:translateY(-1px)}.stl-file-card-active{background:#b7924a17;border-color:#b7924a;border-color:var(--gold-500)}.stl-file-card button{align-items:center;background:#0000;border:0;border-radius:6px;color:#0b2347;color:var(--navy-800);display:flex;gap:8px;min-width:0;padding:9px;text-align:right}.stl-file-card button span{font-size:.76rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-download{background:#0b2347;background:var(--navy-800);border-radius:6px;color:#fff;color:var(--white);display:grid;height:42px;place-items:center;text-decoration:none;width:42px}.auth-shell{padding:0;width:100%}.auth-screen{background:#f7f4ef;min-height:100vh;overflow:hidden;position:relative}.auth-screen .language-list-control{right:20px;top:20px;z-index:30}.auth-screen .language-trigger{background:#fffdf9c7;border-color:#ded8cf;box-shadow:none}.auth-gate{align-items:stretch;background:#f7f4ef;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,1fr);min-height:100vh}.auth-intro{background:#0b213f;display:flex;flex-direction:column;gap:0;justify-content:center;min-width:0;overflow:hidden;padding:clamp(48px,5vw,72px);position:relative;text-align:right}.auth-intro,.auth-wordmark{color:#fff;color:var(--white)}.auth-wordmark{font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:clamp(1rem,1.4vw,1.15rem);font-weight:700;letter-spacing:.34em}.auth-rule{background:linear-gradient(90deg,#b7924abf,#0000);display:block;height:1px;margin:24px 0 54px;width:96px}.auth-intro h1{color:#fff;color:var(--white);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:clamp(2.25rem,3.15vw,2.85rem);font-weight:500;letter-spacing:0;line-height:1.28;margin:0}.auth-intro h1,.auth-intro p{max-width:430px;position:relative;z-index:1}.auth-intro p{color:#f6efe3ad;font-size:.96rem;line-height:1.6;margin:20px 0 0}.auth-visual{aspect-ratio:1;background:linear-gradient(145deg,#ffffff26,#ffffff0a);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1f,0 26px 70px -42px #000000e6;color:#ffffff47;display:grid;min-width:248px;opacity:.92;place-items:center;position:absolute;right:0;top:50%;transform:translate(24%,-50%);width:min(26vw,288px);z-index:0}.auth-visual img{border-radius:8px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.24));max-height:62%;object-fit:contain;opacity:.84;width:min(72%,196px)}.auth-stats{grid-gap:30px;border-top:1px solid #ffffff29;display:grid;gap:30px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;max-width:430px;padding-top:22px;position:relative;z-index:1}.auth-stats span{grid-gap:6px;display:grid;gap:6px;min-width:0}.auth-stats strong{color:#d1b371;color:var(--gold-400);font-size:1.08rem;line-height:1}.auth-stats small{color:#e7eef9c2;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.auth-form{grid-gap:19px;align-self:center;background:#0000;border:0;border-radius:0;box-shadow:none;display:grid;gap:19px;justify-self:center;margin:0;padding:0;width:min(100% - 80px,480px)}.auth-form-brand h2{color:#07172f;color:var(--navy-950);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:clamp(1.72rem,2.55vw,2.06rem);font-weight:500;line-height:1.2;margin:0}.auth-form-brand p{color:#29466d;color:var(--navy-700);font-size:.96rem;margin:10px 0 0}.auth-mode-toggle{grid-gap:4px;background:#eeeae4;border:0;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.auth-mode-toggle button{background:#0000;border:1px solid #0000;border-radius:7px;color:#29466d;color:var(--navy-700);font-size:.9rem;font-weight:600;min-height:39px;transition:background .18s ease,color .18s ease,box-shadow .18s ease;transition:background var(--ease),color var(--ease),box-shadow var(--ease)}.auth-mode-toggle .auth-mode-active{background:#fffaf4;border-color:#0b234714;box-shadow:0 10px 22px -17px #0b23479e;color:#07172f;color:var(--navy-950)}.auth-field{grid-gap:7px;color:#29466d;color:var(--navy-700);display:grid;font-size:.78rem;font-weight:500;gap:7px}.auth-input-shell{grid-gap:10px;align-items:center;background:#fffdf9;border:1px solid #0b234721;border-radius:8px;box-shadow:0 1px 2px #0b23470d,0 10px 24px -22px #0b23477a;color:#667894;color:var(--navy-500);display:grid;gap:10px;grid-template-columns:20px 1fr;min-height:48px;padding:0 14px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease)}.auth-input-shell:focus-within{background:#fff;background:var(--white);border-color:#b7924ab8;box-shadow:0 0 0 3px #b7924a24,0 14px 30px -24px #0b2347a6}.auth-input-shell input{background:#0000;border:0;color:#07172f;color:var(--navy-950);font-weight:600;min-height:46px;min-width:0;outline:none;padding:0;width:100%}.forgot-password-link{background:#0000;border:0;color:#29466d;color:var(--navy-700);font-size:.78rem;font-weight:500;padding:0;width:fit-content}.forgot-password-link:hover{color:#9f7838;color:var(--gold-600)}.auth-alert{grid-template-columns:20px 1fr;margin:0}.auth-submit{background:#0b2347;background:var(--navy-900);box-shadow:0 18px 34px -22px #07172fe0;color:#fff;color:var(--white);min-height:48px;width:100%}.auth-submit:hover{background:#07172f;background:var(--navy-950);box-shadow:0 20px 38px -23px #07172feb}.language-ar .auth-form-brand h2,.language-ar .auth-intro h1,.language-ar .auth-wordmark{font-family:IBM Plex Sans Arabic,Tajawal,Segoe UI,Arial,sans-serif}.language-ar .auth-wordmark{letter-spacing:.2em}.language-ar .auth-form-brand h2,.language-ar .auth-intro h1{font-weight:600}.language-ar .auth-visual{left:0;right:auto;transform:translate(-24%,-50%)}.spin-icon{animation:spin 1s linear infinite}.orders-page{grid-gap:24px;display:grid;gap:24px}.orders-header{align-items:flex-end;display:flex;gap:18px;justify-content:space-between}.orders-header h2{color:#07172f;color:var(--navy-950);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:clamp(1.7rem,2.8vw,2rem);font-weight:500;letter-spacing:0;line-height:1.05;margin:5px 0 6px}.orders-header p{color:#29466d;color:var(--navy-700);font-size:.86rem;line-height:1.45;margin:0}.orders-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.order-message{background:#ffffffbd;display:flex;font-size:.84rem;font-weight:800;gap:10px;padding:12px 14px}.order-message,.order-message button{align-items:center;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;color:#0b2347;color:var(--navy-800)}.order-message button{background:#fff;background:var(--white);display:inline-flex;font-size:.74rem;font-weight:900;gap:6px;margin-inline-start:auto;min-height:34px;padding:6px 10px}.order-message-success{background:#ebfaf3e6;border-color:#27846047;color:#278460;color:var(--green-600)}.order-message-error{background:#fff4f4e6;border-color:#a447473d;color:#a44747;color:var(--red-600)}.orders-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.order-details-panel,.orders-list-panel,.orders-table-panel{background:#fffdf9b8;border:1px solid #0b234717;border-radius:8px;box-shadow:0 18px 42px -36px #0b234761;min-width:0}.orders-list-panel,.orders-table-panel{overflow-x:auto}.orders-data-table{border-collapse:collapse;color:#0b2347;color:var(--navy-900);font-size:.9rem;min-width:1080px;width:100%}.orders-data-table thead{background:#f1eee9e0}.orders-data-table th{color:#29466d;color:var(--navy-700);font-size:.72rem;font-weight:800;letter-spacing:.16em;padding:14px 20px;text-align:start;text-transform:uppercase}.orders-data-table td{border-top:1px solid #0b234714;height:74px;min-width:0;padding:14px 20px;vertical-align:middle}.orders-data-table td:first-child,.orders-data-table th:first-child{width:190px}.orders-data-table td:nth-child(2),.orders-data-table th:nth-child(2){width:280px}.orders-data-table td:nth-child(3),.orders-data-table td:nth-child(4),.orders-data-table th:nth-child(3),.orders-data-table th:nth-child(4){width:190px}.orders-data-table td:nth-child(5),.orders-data-table th:nth-child(5){width:200px}.orders-data-table td:nth-child(6),.orders-data-table th:nth-child(6){text-align:end;width:220px}.orders-data-table tbody tr{transition:background .18s ease;transition:background var(--ease)}.orders-data-table tbody tr:hover{background:#f6efe36b}.orders-number{font-feature-settings:"tnum";color:#07172f;color:var(--navy-950);font-size:1.02rem;font-variant-numeric:tabular-nums;font-weight:800}.orders-frame-cell{align-items:center;display:inline-flex;gap:16px;min-width:0}.orders-card-meta .frame-glyph,.orders-frame-cell .frame-glyph{flex:0 0 126px;width:126px}.orders-engraving{color:#07172f;color:var(--navy-950);font-size:.88rem;letter-spacing:.14em}.orders-card-list{display:none}.orders-table{display:grid;min-width:760px}.orders-row{grid-gap:10px;align-items:center;border-bottom:1px solid #0b234712;color:#0b2347;color:var(--navy-800);display:grid;font-size:.78rem;gap:10px;grid-template-columns:105px 1fr 110px 115px 145px 118px;min-height:58px;padding:10px 12px;transition:background .18s ease;transition:background var(--ease)}.orders-row:not(.orders-row-head):hover{background:#f6efe36b}.orders-row:last-child{border-bottom:0}.orders-row-head{background:linear-gradient(180deg,#f6efe3db,#f6efe3ad);color:#6f6a61;color:var(--muted);font-size:.68rem;font-weight:900;min-height:42px;text-transform:uppercase}.orders-row-active{background:#b7924a14}.orders-row>span,.orders-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{align-items:center;background:#f6efe3b8;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:999px;color:#0b2347;color:var(--navy-800);display:inline-flex;font-size:.75rem;font-weight:500;gap:7px;justify-content:center;max-width:100%;min-height:28px;padding:5px 11px;white-space:nowrap;width:fit-content}.status-badge:before{background:currentColor;border-radius:50%;content:"";flex:0 0 7px;height:7px;opacity:.55;width:7px}.status-new{border-color:#6f6a612e;color:#6f6a61;color:var(--muted)}.status-submitted{background:#e8f2fae6;border-color:#2970ab3d;color:#29466d;color:var(--navy-700)}.status-received{background:#fff5e5eb;border-color:#b7924a47;color:#9f7838;color:var(--gold-600)}.status-finished{background:#ebfaf3db;border-color:#27846047;color:#278460;color:var(--green-600)}.status-delivered{background:#eef0f3e0;border-color:#66789447;color:#667894;color:var(--navy-500)}.status-feedback{background:#fff5e5eb;border-color:#b7924a47;color:#9f7838;color:var(--gold-600)}.order-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.order-action-button,.order-action-icon{align-items:center;background:#0000;border:1px solid #0b23471f;border:1px solid var(--border);border-radius:7px;color:#07172f;color:var(--navy-950);display:inline-flex;font-size:.84rem;font-weight:600;gap:7px;justify-content:center;min-height:40px;padding:0 12px;transition:border-color .18s ease,color .18s ease,transform .18s ease,background .18s ease;transition:border-color var(--ease),color var(--ease),transform var(--ease),background var(--ease)}.order-action-icon{background:#0000;border-color:#0000;color:#a44747;color:var(--red-600);padding:0;width:40px}.order-action-button:hover:not(:disabled),.order-action-icon:hover:not(:disabled){background:#fff;background:var(--white);border-color:#0b234733;border-color:var(--border-strong);color:#9f7838;color:var(--gold-600);transform:translateY(-1px)}.order-action-submit{background:#fffdf9e6;border-color:#0b23471c;box-shadow:0 10px 20px -16px #0b23477a;color:#07172f;color:var(--navy-950)}.order-action-view{background:#0000;border-color:#0000;box-shadow:none}.order-action-feedback{background:#fffdf9e6;border-color:#0b23471c;box-shadow:0 10px 20px -16px #0b23477a}.order-action-danger:hover:not(:disabled){color:#a44747;color:var(--red-600)}.order-details-empty,.orders-empty{align-items:center;color:#6f6a61;color:var(--muted);display:flex;flex-direction:column;gap:9px;justify-content:center;min-height:280px;padding:24px;text-align:center}.order-details-empty strong,.orders-empty strong{color:#0b2347;color:var(--navy-900)}.order-details-panel{grid-gap:14px;display:grid;gap:14px;padding:16px;position:sticky;top:16px}.orders-detail-drawer{margin-top:2px}.orders-detail-drawer .order-details-panel{position:static}.order-details-title{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.order-details-title h3{color:#07172f;color:var(--navy-950);margin:4px 0 0}.order-detail-preview{background:linear-gradient(180deg,#f6efe3c2,#fffdf9e0);border:1px solid #0b234714;border-radius:8px;color:#6f6a61;color:var(--muted);display:grid;min-height:190px;overflow:hidden;place-items:center;position:relative}.order-detail-preview-image{background:#0000;border:0;cursor:zoom-in;display:grid;height:100%;min-height:190px;padding:0;place-items:center;width:100%}.order-detail-preview-image img{height:100%;max-height:270px;object-fit:contain;width:100%}.order-detail-expand-button{background:#0b2347;background:var(--navy-900);border:1px solid #fffdf9cc;border-radius:8px;box-shadow:0 14px 28px -18px #0b2347b8;color:#fffdf9;color:var(--cream-50);cursor:zoom-in;display:grid;height:36px;inset-inline-end:12px;place-items:center;position:absolute;top:12px;width:36px}.order-detail-expand-button:hover{background:#9f7838;background:var(--gold-600);color:#fff;color:var(--white)}.order-detail-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-item{background:#f6efe3a6;border:1px solid #0b234712;border-radius:8px;min-width:0;padding:10px}.order-detail-item span{color:#6f6a61;color:var(--muted);display:block;font-size:.64rem;font-weight:800}.order-detail-item strong{align-items:center;color:#0b2347;color:var(--navy-900);display:flex;font-size:.75rem;gap:6px;margin-top:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-detail-item i{border:1px solid #0b23472e;border-radius:50%;flex:0 0 auto;height:11px;width:11px}.order-detail-actions,.order-files,.status-history{grid-gap:8px;display:grid;gap:8px}.order-files>strong,.status-history>strong{color:#0b2347;color:var(--navy-900);font-size:.82rem}.order-files a{align-items:center;background:#fff;background:var(--white);border:1px solid #0b23471f;border:1px solid var(--border);border-radius:8px;color:#0b2347;color:var(--navy-800);display:inline-flex;font-size:.74rem;font-weight:900;gap:8px;min-height:36px;padding:8px 10px;text-decoration:none}.status-history>div{align-items:center;color:#6f6a61;color:var(--muted);display:flex;font-size:.7rem;gap:10px;justify-content:space-between}.locked-status{align-items:center;background:#ebfaf3db;border:1px solid #27846038;border-radius:8px;color:#278460;color:var(--green-600);display:inline-flex;font-size:.78rem;font-weight:900;gap:8px;min-height:42px;padding:10px 12px}.app-footer{align-items:center;color:#6f6a61;color:var(--muted);display:flex;font-size:.7rem;gap:18px;justify-content:center;padding:18px 5px 0}@container frameana-app (max-width: 980px){.stepper-item{min-width:0}.step-icon{display:none}.desktop-split{grid-template-columns:1fr}.models-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.model-card:last-child{grid-column:auto}.designer-work-grid{grid-template-columns:1fr}.designer-side-panel{position:static}.custom-layout{grid-template-columns:minmax(0,1fr)}.result-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-gate,.orders-layout,.result-lower-grid,.result-media-grid{grid-template-columns:1fr}.auth-intro{min-height:52vh;padding-bottom:34px}.auth-form{justify-self:center;padding:44px 0 56px;width:min(100% - 48px,480px)}.order-details-panel{position:static}}@container frameana-app (max-width: 760px){.app-shell{padding-top:0;width:100%}.app-shell.auth-shell{padding:0;width:100%}.topbar{align-items:center;flex-wrap:wrap;gap:8px 12px;min-height:auto;padding:10px 14px}.brand-lockup{height:32px}.topbar-divider{display:none}.topbar-controls{flex-wrap:wrap;gap:8px;order:2;width:100%}.topbar-actions{justify-content:space-between;margin-inline-start:0;width:100%}.account-nav{order:3;width:100%}.account-nav button{flex:1 1}.device-mode-switch{grid-template-columns:repeat(2,28px);width:auto}.device-mode-switch button{min-height:28px;min-width:28px;padding-inline:0}.language-list-control{right:auto;top:auto}.language-trigger{min-height:36px;min-width:72px;padding:0 8px}.language-menu{width:170px}.account-chip,.account-logout-button{flex:0 1 auto;min-width:0}.auth-gate{min-height:0}.auth-intro{min-height:54vh;padding:54px 24px 28px;text-align:center}.auth-wordmark{letter-spacing:.28em}.auth-rule{margin:18px auto 28px}.auth-intro h1{font-size:clamp(2rem,10vw,2.75rem)}.auth-intro p{margin-inline:auto}.auth-visual{opacity:.34;top:42%}.auth-visual,.language-ar .auth-visual{left:auto;right:50%;transform:translateX(50%)}.auth-stats{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px auto 0;padding-top:20px;width:min(100%,360px)}.auth-stats span{text-align:center}.auth-stats strong{font-size:1.05rem}.auth-stats small{font-size:.58rem}.auth-form{margin:0 auto;padding:30px 0 36px;width:min(100% - 22px,440px)}.orders-header{flex-direction:column}.orders-header-actions{width:100%}.orders-header-actions .btn{flex:1 1}.orders-table-panel{background:#0000;border:0;box-shadow:none;overflow:visible}.orders-data-table{display:none}.orders-card-list{list-style:none;margin:0;padding:0}.orders-card,.orders-card-list{grid-gap:12px;display:grid;gap:12px}.orders-card{background:#fffdf9eb;border:1px solid #0b234717;border-radius:8px;box-shadow:0 22px 52px -44px #0b234785;min-width:0;padding:14px}.orders-card-active{background:#b7924a14;border-color:#b7924a6b}.orders-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.orders-card-head strong{font-feature-settings:"tnum";color:#07172f;color:var(--navy-950);display:block;font-size:.9rem;font-variant-numeric:tabular-nums}.orders-card-head span{display:block;margin-top:3px}.orders-card-head span,.orders-card-meta{color:#6f6a61;color:var(--muted);font-size:.72rem}.orders-card-meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.orders-card-meta>span:first-child{align-items:center;display:inline-flex;gap:8px;min-width:0}.orders-card .order-actions{flex-wrap:wrap;justify-content:flex-start}.hero{margin:20px auto 25px}.hero h1{font-size:clamp(1.85rem,9vw,2.65rem)}.hero p{font-size:.9rem;max-width:92%}.hero-actions{margin-top:18px}.hero-cta,.hero-ghost{flex:1 1 150px;min-width:0}.designer-header{align-items:flex-start;flex-direction:column;gap:12px;width:min(100% - 24px,720px)}.designer-new-button{align-self:stretch}.stepper{gap:6px;margin-bottom:14px;padding:0;width:min(100% - 24px,720px)}.stepper-item{gap:5px;min-width:0;padding:7px 10px;text-align:center}.step-number{height:22px;width:22px}.step-copy strong{display:block}.step-copy small{display:none;font-size:.64rem;font-weight:800;white-space:nowrap}.step-connector{display:none}.workspace{border-radius:0;min-height:440px;padding:0;width:min(100% - 24px,720px)}.upload-zone{gap:15px;grid-template-columns:1fr;justify-items:center;min-height:260px;padding:28px 18px;text-align:center}.upload-action{justify-content:center;width:100%}.upload-tips{grid-template-columns:1fr}.tip-card{text-align:right}.desktop-split{grid-template-columns:1fr}.customer-mini-card{align-items:stretch;flex-direction:column;margin:0 auto;max-width:520px;position:static}.customer-image-wrap,.customer-image-wrap img{min-height:360px;width:100%}.customer-mini-card>div:last-child{grid-template-columns:34px minmax(0,1fr)}.models-grid{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.model-card,.model-card:last-child{align-items:center;gap:7px;grid-column:auto;grid-template-columns:1fr;min-height:92px;padding:10px 7px;text-align:center}.model-top{gap:0;justify-content:center;width:100%}.model-visual{height:30px;width:62px}.model-visual svg{height:auto;width:58px}.selection-mark{height:18px;inset-inline-start:7px;position:absolute;top:7px;width:18px}.selection-mark svg{height:12px;width:12px}.model-card>strong{font-size:.74rem;margin-top:7px}.model-copy strong{font-size:.74rem}.model-copy p{display:none}.model-tag{align-self:center;font-size:.54rem;justify-self:center;margin-top:6px;max-width:100%;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.custom-layout,.custom-two-column{grid-template-columns:1fr}.material-segment{overflow-x:auto;width:100%}.material-segment button{flex:1 0 auto}.live-summary{margin:0 auto;order:-1;position:static;width:min(100%,430px)}.summary-image{aspect-ratio:4/5;min-height:0}.summary-image img{height:100%;max-height:none}.preview-grid{grid-template-columns:1fr}.preview-img{height:auto;margin:0 auto;max-height:min(70vh,760px);max-width:100%;width:auto}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stl-layout{grid-template-columns:1fr}.stl-file-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.result-header{flex-direction:column}.result-hero{gap:8px}.result-hero,.result-visual-card figcaption{align-items:flex-start;flex-direction:column}.result-visual-card figcaption{gap:4px}.result-header .compact-button{width:100%}.order-detail-grid{grid-template-columns:1fr}}@container frameana-app (max-width: 520px){.app-shell,.app-shell.auth-shell{width:100%}.device-mode-switch{width:auto}.device-mode-switch button{font-size:0}.image-lightbox{padding:8px}.lightbox-dialog{border-radius:8px;max-height:97vh;width:100%}.stl-lightbox-dialog{height:94vh}.lightbox-content{padding:6px}.lightbox-content img{max-height:calc(97vh - 70px)}.stl-lightbox-content .stl-viewer,.stl-lightbox-content .stl-viewer-placeholder{min-height:calc(94vh - 58px)}.view-full-button span{display:none}.hero-badge{font-size:.68rem}.workspace{padding:0;width:min(100% - 18px,720px)}.designer-side-panel,.designer-work-panel{padding:14px}.summary-image{min-height:0}.customer-image-wrap,.customer-image-wrap img{min-height:300px}.section-intro{margin-bottom:23px}.form-grid{grid-template-columns:1fr}.preset-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-buttons,.result-actions{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9e6;border:1px solid #0b23471a;border-radius:8px;bottom:7px;box-shadow:0 18px 44px -26px #0b2347b3;margin:26px -5px 0;padding:8px;position:sticky;z-index:6}.nav-buttons .btn,.result-actions .btn{flex:1 1;font-size:.76rem;min-width:0;padding-inline:10px}.result-actions{flex-wrap:wrap}.result-actions .btn{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1}.result-command-card{padding:12px}.result-command-card .btn{flex:1 1 100%}.auth-form{padding:14px}.order-message{align-items:flex-start;flex-wrap:wrap}.order-message button{justify-content:center;margin-inline-start:0;width:100%}.loading-steps{border-radius:8px;justify-content:center;overflow-x:auto;width:100%}.loading-steps span{flex:0 0 auto}.metrics-grid,.result-summary-strip{grid-template-columns:1fr}.stl-viewer{min-height:340px}.stl-file-list{grid-template-columns:1fr}.panel{padding:14px}.app-footer{flex-direction:column;gap:4px;text-align:center}}@media (hover:none){.btn:hover,.model-card:hover,.stl-file-card:hover,.upload-zone:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (min-width:761px){.device-mode-mobile{background:#fffdf994;border-radius:28px;box-shadow:0 0 0 8px rgba(11,35,71,.025),0 34px 90px -45px #0b23477a;margin-bottom:14px;margin-top:14px}}.language-en .auth-intro,.language-en .model-card,.language-en .stepper-item,.language-en .stl-file-card button,.language-en .tip-card,.language-en .upload-zone{text-align:left}.language-en .nav-buttons .btn svg,.language-en .result-actions .btn svg,.language-en .upload-action svg{flex-shrink:0}.orders-card{position:relative}.orders-card-title{min-width:0;padding-inline-end:104px}.orders-card-fields{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.orders-card-field{grid-gap:5px;background:#ffffffb8;border:1px solid #0b234714;border-radius:8px;display:grid;gap:5px;min-width:0;padding:10px}.orders-card-label{color:#6f6a61;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.orders-card-value{color:#07172f;color:var(--navy-950);font-size:.82rem;font-weight:800;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-card-color-value,.orders-card-frame-value{align-items:center;display:inline-flex;gap:8px;min-width:0}.orders-card-frame-value .frame-glyph{flex:0 0 72px;width:72px}.orders-card-color-value i{border:1px solid #0b234733;border-radius:50%;flex:0 0 13px;height:13px;width:13px}.orders-card-inline-preview{grid-gap:10px;border-top:1px solid #0b23471a;display:grid;gap:10px;margin-top:2px;padding-top:12px}.orders-card-inline-preview-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.orders-card-inline-preview-header strong{color:#07172f;color:var(--navy-950);font-size:.84rem}.orders-card-inline-preview-header button{align-items:center;background:#ffffffdb;border:1px solid #0b23471a;border-radius:8px;color:#0b2347;color:var(--navy-800);display:inline-flex;font-size:.72rem;font-weight:900;gap:6px;min-height:34px;padding:6px 10px}.orders-card-inline-preview-frame{background:linear-gradient(135deg,#ffffffc7,#eef4f2e6),linear-gradient(rgba(16,32,51,.035) 1px,#0000 0),linear-gradient(90deg,rgba(16,32,51,.035) 1px,#0000 0);background-size:auto,22px 22px,22px 22px;border:1px solid #0b234714;border-radius:8px;display:grid;min-height:210px;overflow:hidden;place-items:center}.orders-card-inline-preview-frame img{max-height:320px;object-fit:contain;width:100%}.orders-card-inline-preview-empty{grid-gap:8px;color:#6f6a61;color:var(--muted);display:grid;font-size:.78rem;gap:8px;justify-items:center;text-align:center}:root{--clarity-bg:#f8f6f1;--clarity-panel:#fffffff0;--clarity-panel-strong:#fff;--clarity-ink:#102033;--clarity-muted:#687385;--clarity-line:#1020331a;--clarity-line-strong:#1020332e;--clarity-teal:#267f77;--clarity-coral:#c86454;--clarity-focus:#267f7738;--clarity-shadow:0 22px 56px -44px #102033a3}.app-root,.auth-device-full,.auth-gate,.auth-screen,body,html{background:linear-gradient(180deg,#fbfaf7,#f8f6f1 46%,#f0ece4);background:linear-gradient(180deg,#fbfaf7 0,var(--clarity-bg) 46%,#f0ece4 100%)}.background-grid{background-image:linear-gradient(rgba(16,32,51,.035) 1px,#0000 0),linear-gradient(90deg,rgba(16,32,51,.035) 1px,#0000 0),linear-gradient(135deg,#267f7712,#0000 45%,#c864540d);display:block;opacity:.44}.topbar{background:linear-gradient(90deg,#07172f,#102b4a 54%,#14363f);box-shadow:0 14px 34px -30px #07172fe6;gap:clamp(10px,2vw,18px);min-height:60px;padding-inline:clamp(14px,3vw,36px)}.app-brand-wordmark{letter-spacing:.22em}.account-nav,.topbar-actions{min-width:0}.account-chip,.account-logout-button,.account-nav button,.device-mode-switch button,.language-trigger{white-space:nowrap}.account-logout-button:focus-visible,.account-nav button:focus-visible,.btn:focus-visible,.color-swatch-button:focus-visible,.compact-engraving-input:focus-visible,.device-mode-switch button:focus-visible,.language-trigger:focus-visible,.material-segment button:focus-visible,.model-card:focus-visible,.order-action-button:focus-visible,.order-action-icon:focus-visible,.result-stl-file a:focus-visible,.result-stl-file button:focus-visible,.upload-zone:focus-visible{outline:3px solid #267f7738;outline:3px solid var(--clarity-focus);outline-offset:2px}.designer-header,.stepper,.workspace{width:min(100% - 32px,1180px)}.designer-header{padding-inline:0}.designer-header h1,.orders-header h2,.result-hero h2,.section-intro h2{color:#102033;color:var(--clarity-ink)}.custom-form,.customer-mini-card,.designer-side-panel,.designer-work-panel,.model-card,.order-details-panel,.orders-card,.orders-table-panel,.result-command-card,.result-stl-card,.result-summary-card,.result-visual-card,.tip-card{background:#fffffff0;background:var(--clarity-panel);border-color:#1020331a;border-color:var(--clarity-line);box-shadow:0 22px 56px -44px #102033a3;box-shadow:var(--clarity-shadow)}.designer-side-panel,.designer-work-panel,.order-details-panel,.orders-table-panel,.result-command-card,.result-stl-card,.result-summary-card,.result-visual-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workspace{min-height:auto}.stepper{align-items:center;gap:8px}.stepper-item{background:#ffffffb3;border-color:#1020331a;border-color:var(--clarity-line);min-height:48px}.stepper-active{background:#267f771a;border-color:#267f775c}.connector-done:after,.stepper-active .step-number,.stepper-done .step-number{background:#267f77;background:var(--clarity-teal)}.eyebrow{color:#267f77;color:var(--clarity-teal)}.upload-zone{background:linear-gradient(180deg,#fffffff0,#f6fbf9eb);border-color:#267f7742}.upload-zone-dragging,.upload-zone:hover{background:linear-gradient(180deg,#fff,#ebf8f5f5);border-color:#267f778a}.customer-file-icon,.model-selected .model-visual,.success-pill,.tip-card>span,.upload-icon{color:#267f77;color:var(--clarity-teal)}.btn-accent,.upload-action{background:#267f77;background:var(--clarity-teal);color:#fff;color:var(--white)}.upload-action{border-color:#0000}.btn-primary{background:#102b4a}.btn-primary:hover{background:#07172f}.btn-accent{border-color:#267f7747;box-shadow:0 18px 34px -24px #267f77e6}.btn-accent:hover{background:#1d6f67}.model-card{position:relative}.model-selected{background:#eef9f7f2;border-color:#267f776b}.model-tag,.status-badge{border-radius:999px}.material-segment{background:#eef1ef;border-color:#1020331a;border-color:var(--clarity-line)}.material-segment .material-segment-active{background:#fff;background:var(--clarity-panel-strong);box-shadow:0 10px 22px -18px #10203394;color:#102033;color:var(--clarity-ink)}.auth-input-shell,.compact-engraving-input{border-color:#1020332e;border-color:var(--clarity-line-strong)}.auth-input-shell:focus-within,.compact-engraving-input:focus{border-color:#267f77ad;box-shadow:0 0 0 3px #267f7738;box-shadow:0 0 0 3px var(--clarity-focus)}.customer-image-wrap,.designer-summary-visual,.order-detail-preview,.result-stl-view,.result-visual-frame{background:linear-gradient(135deg,#ffffffb8,#eef4f2db),linear-gradient(rgba(16,32,51,.035) 1px,#0000 0),linear-gradient(90deg,rgba(16,32,51,.035) 1px,#0000 0);background-size:auto,22px 22px,22px 22px}.orders-data-table th{color:#687385;color:var(--clarity-muted)}.orders-card-active,.orders-row-active,.result-stl-file-active{background:#267f7717}.order-action-submit{background:#267f771f;color:#267f77;color:var(--clarity-teal)}.order-action-danger{color:#c86454;color:var(--clarity-coral)}.result-command-card{justify-content:flex-end}@container frameana-app (max-width: 760px){.topbar{align-items:stretch;gap:10px;padding:10px 12px}.brand-lockup{height:34px}.app-brand-wordmark{font-size:.95rem;letter-spacing:.16em}.topbar-controls{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}.account-nav{grid-gap:6px;display:grid;gap:6px;grid-template-columns:40px repeat(2,minmax(0,1fr))}.account-nav .account-home-button,.account-nav button{background:#ffffff0f;border:1px solid #f6efe324;flex:initial;min-height:40px;min-width:0;padding-inline:8px;width:auto}.topbar-actions{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:auto auto minmax(0,1fr) auto}.account-chip{justify-content:flex-start;max-width:none}.account-logout-button{background:#ffffff0f;border:1px solid #f6efe324;min-height:40px;padding-inline:10px}.designer-header,.stepper,.workspace{width:min(100% - 20px,720px)}.designer-header{margin-bottom:12px}.stepper{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f6f1eb;border:1px solid #1020331a;border:1px solid var(--clarity-line);border-radius:8px;box-shadow:0 16px 34px -30px #102033b3;padding:8px;position:sticky;top:94px;z-index:30}.stepper-item{min-height:44px;padding:7px 6px}.step-copy strong{white-space:normal}.custom-layout,.designer-work-grid,.desktop-split,.result-lower-grid,.result-media-grid{gap:14px}.designer-side-panel,.designer-work-panel{padding:16px}.designer-header h1,.section-intro h2{font-size:1.45rem;line-height:1.22}.designer-header p,.section-intro p{font-size:.88rem;line-height:1.55}.upload-zone{min-height:220px}.customer-image-wrap,.customer-image-wrap img{min-height:280px}.result-command-card{justify-content:stretch}.result-command-card .btn{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1}.orders-detail-drawer{display:block}}@container frameana-app (max-width: 520px){body,input,select,textarea{font-size:16px}.device-mode-mobile{box-shadow:none;max-width:none}.topbar{padding:9px 10px}.brand-lockup{justify-content:center;width:100%}.topbar-controls{gap:7px}.account-nav{grid-template-columns:38px repeat(2,minmax(0,1fr))}.account-nav .account-home-button,.account-nav button{font-size:.72rem;gap:5px;min-height:38px;padding-inline:6px}.account-logout-button svg,.account-nav button svg{height:15px;width:15px}.topbar-actions{grid-template-columns:auto auto minmax(0,1fr) 38px}.device-mode-switch{grid-template-columns:repeat(2,30px)}.device-mode-switch button{min-height:34px;min-width:30px;width:30px}.language-trigger,.topbar .language-trigger{grid-template-columns:14px 1fr 12px;min-height:34px;min-width:58px;padding-inline:7px}.account-chip{font-size:.68rem;min-height:34px;padding-inline:8px}.account-logout-button{font-size:0;min-width:38px;padding:0;width:38px}.designer-header,.stepper,.workspace{width:min(100% - 14px,520px)}.designer-header{margin-top:12px}.designer-new-button{min-height:42px}.stepper{gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px;top:124px}.stepper-item{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr;justify-items:center;min-height:54px;padding:6px 3px}.step-number{height:24px;width:24px}.step-copy{min-width:0}.step-copy strong{font-size:.62rem;line-height:1.2}.designer-side-panel,.designer-work-panel,.order-details-panel,.orders-card,.result-command-card,.result-summary-card{padding:12px}.upload-zone{min-height:206px;padding:22px 12px}.upload-content strong{font-size:.95rem}.upload-content small{font-size:.72rem}.tip-card{grid-template-columns:38px minmax(0,1fr);padding:12px;text-align:start}.customer-image-wrap,.customer-image-wrap img{min-height:240px}.models-grid{gap:9px;grid-template-columns:1fr}.model-card,.model-card:last-child{align-items:center;gap:10px;grid-template-columns:72px minmax(0,1fr) auto;min-height:78px;padding:11px;text-align:start}.model-top{justify-content:center;width:72px}.model-copy p{display:block;font-size:.68rem;line-height:1.35}.model-tag{line-height:1.2;max-width:84px;white-space:normal}.selection-mark{inset-inline-start:8px;top:8px}.material-segment{display:grid;grid-template-columns:1fr;overflow:visible}.material-segment button{min-height:42px}.color-swatch-row{gap:10px}.color-swatch-button{height:44px;width:44px}.compact-engraving-input{min-height:46px}.designer-summary-visual{min-height:240px}.metric,.order-detail-item,.result-summary-strip>div,.summary-row{padding:10px}.nav-buttons,.result-actions{bottom:max(7px,env(safe-area-inset-bottom));margin-inline:-2px}.nav-buttons .btn,.result-actions .btn{min-height:44px}.orders-header{gap:12px}.orders-card-head,.orders-card-meta{align-items:flex-start;flex-direction:column;gap:8px}.orders-card .order-actions{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr)) 42px}.order-action-button,.order-action-icon{min-height:40px}.order-action-button{justify-content:center;width:100%}.order-action-icon{width:42px}.result-media-grid{grid-template-columns:1fr}.result-stl-view,.result-visual-frame{aspect-ratio:4/5}.result-stl-file{grid-template-columns:minmax(0,1fr) 40px;padding:8px}.result-stl-file a{height:38px;width:38px}.result-command-card{display:grid;grid-template-columns:1fr}.result-command-card .btn{flex:initial;width:100%}.auth-intro{min-height:46vh;padding:52px 18px 24px}.auth-form{padding:16px 0 30px;width:min(100% - 18px,420px)}}.orders-table-panel{background:#0000;border:0;box-shadow:none;overflow:visible}.orders-data-table{display:none}.orders-card-list{list-style:none;margin:0;padding:0}.orders-card,.orders-card-list{grid-gap:12px;display:grid;gap:12px}.orders-card{background:#fffdf9f0;border:1px solid #0b234717;border-radius:8px;box-shadow:0 22px 52px -44px #0b234785;min-width:0;padding:16px}.orders-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;min-height:34px;padding-inline-end:104px}.orders-card-head>.status-badge{inset-inline-end:16px;margin:0;position:absolute;top:16px}.orders-card-title strong{font-feature-settings:"tnum";color:#07172f;color:var(--navy-950);display:block;font-size:1.08rem;font-variant-numeric:tabular-nums;font-weight:900}.orders-card-fields{grid-template-columns:repeat(5,minmax(0,1fr))}.orders-card-field:first-child{grid-column:span 2}.orders-card .order-actions,.orders-card-inline-preview+.order-actions{border-top:1px solid #0b23471a;padding-top:12px}.orders-card-inline-preview+.order-actions{border-top:0;padding-top:0}.orders-detail-drawer{display:none}.orders-inline-preview-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(320px,1.08fr)}.orders-inline-preview-item{grid-gap:8px;display:grid;gap:8px;grid-template-rows:auto minmax(0,1fr);min-width:0}.orders-inline-preview-item-title{align-items:center;color:#0b2347;color:var(--navy-900);display:flex;gap:7px}.orders-inline-preview-item-title strong{font-size:.82rem;font-weight:900}.orders-inline-preview-3d .orders-card-inline-preview-frame{min-height:260px}.orders-inline-preview-3d .stl-viewer,.orders-inline-preview-3d .stl-viewer-placeholder{height:100%;min-height:260px;width:100%}.orders-inline-preview-3d .viewer-hint{font-size:.58rem}@container frameana-app (max-width: 760px){.orders-detail-drawer{display:none}.orders-card{gap:12px;padding:14px;position:relative}.orders-card-head{min-height:34px;padding-inline-end:104px}.orders-card-head>.status-badge{inset-inline-end:14px;margin:0;position:absolute;top:14px}.orders-card-title{padding-inline-end:0}.orders-card-title strong{font-feature-settings:"tnum";color:#07172f;color:var(--navy-950);display:block;font-size:1.02rem;font-variant-numeric:tabular-nums;font-weight:900}.orders-card-fields{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.orders-card-field:first-child{grid-column:span 2}.orders-card-field{padding:10px}.orders-card-label{color:#687385;color:var(--clarity-muted);display:block;font-size:.62rem;font-weight:900;letter-spacing:.08em;margin:0;text-transform:uppercase}.orders-card-value{color:#07172f;color:var(--navy-950);display:block;font-size:.82rem;font-weight:800;line-height:1.3;margin:0}.orders-card-frame-value .frame-glyph{flex-basis:72px;width:72px}.orders-card .order-actions{border-top:1px solid #0b23471a;padding-top:12px}.orders-card-inline-preview+.order-actions{border-top:0;padding-top:0}.orders-inline-preview-grid{grid-template-columns:1fr}.orders-inline-preview-3d .orders-card-inline-preview-frame,.orders-inline-preview-3d .stl-viewer,.orders-inline-preview-3d .stl-viewer-placeholder{min-height:300px}}@container frameana-app (max-width: 520px){.orders-card{padding:12px}.orders-card-head{padding-inline-end:92px}.orders-card-head>.status-badge{inset-inline-end:12px;top:12px}.orders-card-fields{grid-template-columns:1fr}.orders-card-field:first-child{grid-column:auto}.orders-card-frame-value .frame-glyph{flex-basis:86px;width:86px}.orders-card-inline-preview-frame{min-height:190px}.orders-card-inline-preview-frame img{max-height:270px}.result-visual-frame{aspect-ratio:1}.result-visual-image-button{background:#fff;display:grid;place-items:center}.result-visual-image-button img{height:100%;object-fit:contain;width:100%}}