/* 3omar.hs: dark glass panels, orange accents, and a teal glow. All assets are local. */
:root{--ink:#eef1f7;--muted:#98a8bd;--line:#ffffff12;--purple:#ffac78;--soft:#ffac7814;--green:#71d1b2;--surface:#142131;color-scheme:dark;background:#0c1420;color:var(--ink)}
body{background:radial-gradient(ellipse at 3% 3%,#bd603c33,transparent 31%),radial-gradient(ellipse at 97% 15%,#24ae9d25,transparent 34%),linear-gradient(155deg,#201622 0%,#0d1824 54%,#0a1420 100%);background-attachment:fixed;min-height:100vh}
.topbar{max-width:1660px;width:calc(100% - 6.6%);margin:23px auto 0;height:75px;padding:0 20px;background:#1c263366;border:1px solid #ffffff16;border-radius:24px;backdrop-filter:blur(18px)}
.topbar nav{gap:22px}.topbar nav>*{color:#aab5c7;padding:10px 0}.topbar nav .active{color:#ffb884}.topbar .quiet{color:#b5bfce}.topbar .dark{background:#ffac78;color:#241b1d;border-radius:20px}.brand-caption{color:#a5d6bb}.logo-crop{background:none;width:169px;height:44px;border-radius:0}.logo-crop img,.footer-brand .logo-crop img{position:static;width:100%;height:100%;object-fit:contain;left:auto;top:auto}.footer-brand .logo-crop{background:none;width:126px;height:35px}.brand{letter-spacing:0}
main{padding:0 3.3%}.intro{display:block;text-align:center;padding:66px 0 35px}.hero-kicker{display:inline-flex;gap:9px;align-items:center;background:#ffffff06;border:1px solid #ffffff14;border-radius:30px;padding:9px 16px;font-size:9px;letter-spacing:1.3px;color:#b8c3d5}.intro h1{font-size:clamp(30px,3.7vw,57px);font-weight:750;letter-spacing:-1.8px;line-height:1.12;margin:23px 0 18px}.intro h1>span{background:linear-gradient(95deg,#ffa878,#f0d4a6 45%,#78d7be);background-clip:text;-webkit-background-clip:text;color:transparent}.intro p{font-size:14px;line-height:1.8;color:#aeb9cb}.hero-actions{display:flex;justify-content:center;gap:12px;margin:26px 0 24px}.hero-actions .button{width:auto;margin:0;border-radius:25px;padding:14px 24px;font-size:12px;gap:8px}.primary{background:#ffac78;color:#231d21}.dark{background:#ffffff06;border:1px solid #ffffff16;color:#d8e0eb}.hero-stats{display:flex;justify-content:center;gap:27px;font-size:9px;color:#8395ad}.hero-stats strong{font-size:12px;color:#d6dedf;margin-right:4px}.view-tabs{display:flex;justify-content:center;margin:0 auto 27px;padding:5px;background:#ffffff05;border:1px solid #ffffff12;border-radius:30px;width:max-content;max-width:100%;gap:5px}.view-tabs button{padding:10px 24px;border-radius:24px;font-size:11px;color:#93a5bc}.view-tabs button.active{background:#ffac781c;color:#ffc298}.workspace{grid-template-columns:260px minmax(0,1fr) 294px;background:#142031;border-color:#ffffff15;border-radius:21px;box-shadow:0 30px 80px #0002;scroll-margin-top:20px}.catalog,.settings{background:#121d2b;border-color:var(--line)}.panel-heading h2{color:#dae3f0}.step{background:#ffffff07;color:#b6baca}.counter{background:#ffffff08;color:#a5b5c7}.search{background:#0c1723;border-color:#ffffff14;color:#7f93aa}.search input{color:#e0e9f2}.filters button{color:#8da0b9}.filters .active{background:#ffac7812;border-color:#ffac7833;color:#ffd0ac}.box-card{padding:11px 8px;gap:11px}.box-card.active{background:linear-gradient(130deg,#ffb07813,#72d0bd06);border-color:#ffb07877}.box-card:hover{background:#ffffff06}.box-card strong{color:#d5dfed;font-size:11px}.box-card small{color:#7890ac;font-size:9px;line-height:1.45}.box-card .tick{color:#ffbb8f}.box-card>span:nth-child(2){min-width:0;flex:1}.box-thumb{display:grid;width:78px;height:69px;border-radius:9px;background:linear-gradient(135deg,#e9e6db,#cbd3d2);overflow:hidden}.box-thumb svg{width:76px;height:66px}.catalog-footer{color:#7f91a8}.catalog-footer button{color:#ffbe99}.design-column{background:#152131}.canvas-header{background:#182737}.canvas-header h2{color:#e1eaf4}.status{color:#89b4a7}.dimension-overview{background:#182737}.dimension-overview strong{color:#b6c7d9}.dimension-overview span{color:#819ab2}.canvas-toolbar{background:#122030;border-color:#ffffff12}.segmented{background:#ffffff05}.segmented button{color:#90a5bd}.segmented .active{background:#ffffff0b;color:#ffbd93;box-shadow:none}.canvas-actions button{color:#9bafc3}.canvas-actions .active{color:#ffbf97}.preview-area{background-color:#f8f8f2;background-image:radial-gradient(#dedee0 .65px,transparent .65px)}.assembled-preview{background:radial-gradient(ellipse at center,#e8e9dd,transparent 80%);border-color:#d6d8d533}.box-stage{padding:32px 18px 58px}.box-stage>svg{height:100%;width:100%;display:block}.flat-preview .preview-caption,.assembled-preview .preview-caption{color:#7c8494}.assembled-preview .text-button{color:#9a6c49}.lid-control{bottom:31px;left:50%;width:210px;color:#88908c}.lid-control label{justify-content:center}.lid-control input{width:135px;accent-color:#d99869}.lid-control strong{display:block;font-size:8px;font-weight:500;text-align:center;margin-top:6px;letter-spacing:.6px;color:#9b7b5f}.rotation{bottom:14px;color:#8d9797}.rotation input{accent-color:#9f826b}.concept-note{bottom:13px;color:#969e9a}.sheet-summary{background:#182737;border-color:var(--line)}.sheet-summary strong{color:#d8e4ee}.sheet-summary small{color:#7794ad}.summary-icon{background:#ffffff06;color:#ffbe91}.text-button{color:#ffbe91}.workspace-tip{color:#8c9dac}.workspace-tip strong{color:#b8c8d4}.panel-details{background:#142131}.detail-head h3{color:#d8e4ee}th{color:#87a0b6}td{color:#b6c5d5}tbody tr:hover,tbody tr.selected{background:#ffac7810}.settings>.panel-heading{background:#121d2b!important}.settings-tabs{background:#ffffff05}.settings-tabs button{color:#889fb8}.settings-tabs button.active{background:#ffffff0a;color:#ffbf95}.settings-tabs small{color:#78c5a9}.setting-section{border-color:#ffffff0c}.setting-section h3{color:#d2dfec}.setting-section select,.export-area select,.full-label select,.two-fields select{background:#0d1725;border-color:#ffffff18;color:#becddb;color-scheme:dark}.dimension-inputs label,.two-fields label{color:#92a8be}.dimension-inputs label>div,.two-fields label>div{background:#0e1826;border-color:#ffffff19}.dimension-inputs input,.two-fields input{color:#d8e6f2}.field-note{color:#8399b1}.unit-label{color:#7189a3}.thickness-stepper{border-color:#ffffff19;background:#0e1927}.thickness-stepper input{background:none;color:#d3e3ee}.thickness-stepper button{background:#ffffff08;color:#9eb2c6}.size-modes button{border-color:#ffffff14;color:#96a8bc}.size-modes button.active{border-color:#ffb68088;background:#ffac7812;color:#ffd0ad}.size-modes button span{color:#748fa8}.allowance-note{color:#8199b0}.allowance-note summary{color:#c1a488}.sheet-status.fits{background:#70cca90b;color:#8fc5ac}.sheet-status.exceeds{background:#ffab7012;color:#ffbe8f}.fit-button{background:#ffffff04;border-color:#ffffff16;color:#ffd2b5}.limit-toggle,.rotate-allowed{color:#8ea6be}.swatch i{border-color:#142030;outline-color:#ffffff22}.swatch.active i{outline-color:#ffc596}.swatch,.swatch.active{color:#95a9bb}.drop-zone{background:#ffbc8805;border-color:#ffbc8833}.drop-zone strong{color:#9dacc0}.drop-zone small{color:#6f86a2}.drop-zone u{color:#ffc89f}.upload-icon{border-color:#ffbc8825;color:#ffc197}.display-settings label{color:#8ea4bb}.export-area{background:#0c1724;border-color:#ffffff0b}.export-area h3{color:#c8b7a7}.export-area p{color:#7990a8}.illustrator-edit{border-color:#ffffff13;color:#ffd28c}.illustrator-edit span{color:#b2a696}.advanced-section input:disabled{background:#121d2b;color:#52667c}.advanced-note{background:#ffffff03;color:#839ab0}.error{color:#ff9e89}footer{color:#6d849e}footer button{color:#9facae}dialog{background:#152030;border-color:#ffffff20;color:#edf3fa;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#060b15bb}.dialog-head h2{color:#ebedf3}.dialog-head button{color:#9cabbe}#dialog-content{color:#9eafc3}#dialog-content h3{color:#d1dce8}.guide-item{border-color:#ffffff14;background:#ffffff02}.guide-item strong{color:#d0ddec}.guide-item button{color:#ffbe90}.library-controls input[type=search],.library-controls select{background:#0f1928;border-color:#ffffff17;color:#c9d6e5}.library-caution{background:#ffb47c08;color:#b4adab}.library-status.ready{color:#86c5a7}.toast{background:#263246;border:1px solid #ffffff1b;color:#eef2f7}.empty{color:#8299b2}
.collections{scroll-margin-top:20px}.collection-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 39px;border:1px solid #ffffff16;border-radius:22px;background:radial-gradient(ellipse at 0 0,#a8552f21,transparent 60%),linear-gradient(125deg,#222435,#102a32);margin-bottom:25px}.collection-hero h2{font-size:32px;line-height:1.2;letter-spacing:-.9px;margin:12px 0 15px;color:#f0f1f4}.collection-hero p{font-size:12px;line-height:1.8;color:#9db0c4;max-width:640px;margin:0}.collection-tabs{display:flex;gap:8px;margin-top:23px}.collection-tabs button{border:1px solid #ffffff16;border-radius:24px;padding:10px 17px;color:#8fa8c0;font-size:11px}.collection-tabs button.active{background:#ffb17c19;border-color:#ffb17c77;color:#ffd2ae}.collection-tabs span{font-size:9px;margin-left:8px;opacity:.7}.collection-hero-note{min-width:235px;padding:27px;border:1px solid #ffffff13;border-radius:17px;background:#ffffff03}.collection-hero-note strong{font-size:23px;letter-spacing:-.5px;color:#a0d9c0;display:block}.collection-hero-note span{display:block;font-size:11px;margin:12px 0;color:#c1cfcf}.collection-hero-note small{font-size:9px;color:#79958e}.collection-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:23px}.collection-sidebar{align-self:start;position:sticky;top:20px;border:1px solid #ffffff11;border-radius:17px;background:#111e2bd9;padding:20px 13px}.collection-sidebar h3{font-size:12px;color:#a5b8ca;margin:0 9px 17px}.collection-sidebar nav{display:flex;flex-direction:column;gap:5px}.collection-sidebar nav button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 10px;border:1px solid transparent;border-radius:10px;color:#879db5}.collection-sidebar nav button>span{font-size:18px;width:21px;text-align:center}.collection-sidebar nav strong{font-size:11px;font-weight:500;flex:1;line-height:1.45}.collection-sidebar nav small{font-size:8px;color:#657f98}.collection-sidebar nav button.active{background:#ffb37e10;border-color:#ffb37e66;color:#ffd1ae}.collection-facts{padding:19px 10px 0;margin-top:19px;border-top:1px solid #ffffff0d}.collection-facts strong{display:block;font-size:10px;color:#a5b9c4;margin-top:8px}.collection-facts span{display:block;font-size:9px;color:#65839e;margin:6px 0 14px}.collection-facts small{display:block;font-size:9px;line-height:1.7;color:#6b879c}.collection-content{min-width:0}.collection-toolbar{display:flex;gap:14px}.collection-search{display:flex;align-items:center;gap:10px;background:#0e1a29;border:1px solid #ffffff18;border-radius:12px;padding:13px 15px;color:#87a2bd;flex:1}.collection-search input{border:0;outline:none;min-width:0;width:100%;background:none;color:#c8d8e9;font-size:12px}.collection-toolbar>select{width:245px;max-width:42%;background:#0e1a29;border:1px solid #ffffff18;border-radius:11px;padding:12px;color:#9db4ca;font-size:10px}.collection-results{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 2px;color:#87a3bd;font-size:11px}.collection-results strong{font-weight:500}.collection-results label{display:flex;align-items:center;gap:7px;font-size:9px;color:#718fa8}.collection-results select{background:#0e1a29;border:1px solid #ffffff17;border-radius:7px;padding:7px 12px;font-size:10px;color:#9db4ca}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.collection-card{min-width:0;border:1px solid #ffffff13;border-radius:15px;overflow:hidden;background:#152334;transition:border-color .15s,transform .15s}.collection-card:hover{border-color:#ffb17899;transform:translateY(-3px)}.collection-art{position:relative;width:100%;height:210px;display:flex;align-items:center;justify-content:center;padding:13px;background:radial-gradient(ellipse at 45% 35%,#eff0e4,#c8d3cf);overflow:hidden}.collection-art>svg{width:100%;height:100%;display:block}.collection-badge{position:absolute;top:12px;left:12px;letter-spacing:1px;font-size:7px;color:#547069;background:#ffffffe0;border:1px solid #9facaa33;border-radius:20px;padding:4px 7px}.collection-card-text{padding:17px 15px}.collection-card h3{margin:0 0 7px;font-size:12px;line-height:1.4;color:#d6e0eb;font-weight:550}.collection-card p{font-size:10px;color:#7892af;margin:0 0 13px}.collection-action{font-size:10px;color:#ffc59c;padding:0;text-align:left}.collection-card-actions{display:flex;align-items:center;justify-content:space-between;gap:7px}.collection-card-actions>button+button{font-size:9px;color:#9bb9b6}.dieline-card-flat{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:17px}.dieline-card-flat svg{display:block;width:100%;height:100%}.dieline-card-shape{position:absolute;bottom:8px;right:7px;width:79px;height:69px;background:#f3f5e3bb;border:1px solid #bbc4b333;border-radius:9px;backdrop-filter:blur(5px)}.dieline-card-shape svg{height:100%;width:100%}.collection-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:29px 0 12px;color:#7993aa;font-size:10px}.collection-pagination>div{display:flex;align-items:center;gap:11px}.collection-pagination button{border:1px solid #ffffff17;padding:9px 13px;border-radius:8px;color:#c3d2df;font-size:10px}.collection-pagination label{display:flex;align-items:center;gap:7px}.collection-pagination input{width:52px;padding:8px;border:1px solid #ffffff15;border-radius:6px;background:#0d1928;color:#c9deed;text-align:center}.collection-empty{grid-column:1/-1;padding:65px;text-align:center;border:1px dashed #ffffff18;border-radius:16px;color:#8ba1b7}.mockup-dialog{width:min(1100px,94vw)}.mockup-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px}.mockup-preview{border:1px solid #ffffff1a;border-radius:15px;background-color:#e5e9e3;background-image:conic-gradient(#ffffff33 25%,transparent 0 50%,#ffffff33 0 75%,transparent 0);background-size:24px 24px;min-height:390px;display:flex;align-items:center;justify-content:center;padding:22px}.mockup-preview svg{display:block;width:100%;height:100%;max-height:480px}.mockup-controls h3{font-size:18px!important;letter-spacing:-.2px;margin:0!important}.mockup-controls p{font-size:10px;color:#7fa0b8;line-height:1.7;margin:7px 0 18px}.mockup-controls label{display:block;font-size:10px;color:#96acc2;margin:13px 0}.mockup-controls select{display:block;width:100%;background:#0f1928;border:1px solid #ffffff1b;border-radius:7px;padding:9px;margin-top:6px;color:#b9cce1;font-size:11px}.mockup-controls input[type=range]{display:block;width:100%;accent-color:#ffb381;margin-top:10px}.mockup-controls input[type=color]{display:block;height:34px;width:100%;background:#0f1928;border:1px solid #ffffff17;border-radius:6px;padding:3px;margin-top:6px}.mockup-controls input[type=file]{font-size:9px;width:100%;margin-top:7px;color:#7890a7}.mockup-controls .button{font-size:11px;width:100%;padding:12px;margin-top:10px}.mockup-controls .text-button{font-size:9px}.mockup-controls>.field-note{display:block;margin-top:13px}
@media(min-width:1500px){.workspace{grid-template-columns:285px minmax(0,1fr) 320px}.box-thumb{width:85px;height:73px}.box-thumb svg{width:83px;height:70px}.collection-art{height:245px}}
@media(max-width:1250px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-shell{grid-template-columns:205px minmax(0,1fr);gap:17px}.collection-hero-note{display:none}.collection-art{height:215px}.topbar nav{gap:14px}.topbar .quiet{font-size:10px}.brand-caption{display:none}}
@media(max-width:1150px){.workspace{grid-template-columns:225px minmax(0,1fr) 250px}.box-thumb{width:65px;height:61px}.box-thumb svg{width:64px;height:59px}.box-card{padding:10px 6px;gap:9px}.box-card strong{font-size:10px}.topbar{width:96%;padding:0 15px}.intro h1{font-size:44px}}
@media(max-width:900px){.workspace{grid-template-columns:220px minmax(0,1fr)}.box-thumb{display:grid;width:61px;height:60px}.box-thumb svg{width:60px;height:58px}.box-card{padding:10px 5px;gap:8px}.box-card strong{font-size:10px}.box-card small{font-size:8px}.collection-shell{grid-template-columns:180px minmax(0,1fr);gap:13px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-art{height:200px}.collection-sidebar{padding:16px 7px}.collection-sidebar nav button{padding:11px 7px}.collection-sidebar nav strong{font-size:10px}.collection-sidebar nav small{display:none}.collection-hero{padding:29px}.collection-hero h2{font-size:29px}.settings-tabs{grid-column:1/-1}.intro{padding-top:47px}.hero-stats{gap:18px}.collection-pagination{flex-wrap:wrap}.collection-toolbar{flex-direction:column;gap:8px}.collection-toolbar>select{max-width:100%;width:100%}}
@media(max-width:580px){.topbar{width:calc(100% - 24px);height:65px;margin-top:12px;border-radius:17px;padding:0 12px}.topbar .logo-crop{width:140px;height:40px}.topbar .logo-crop img{position:static;width:100%;height:100%;left:auto;top:auto}.topbar .dark{font-size:9px;padding:9px}.topbar .quiet:before{color:#bbcbd4}.intro{padding:39px 0 27px}.intro h1{font-size:32px;letter-spacing:-1.15px;line-height:1.16}.intro p{font-size:12px}.hero-kicker{font-size:7px;padding:8px 11px;letter-spacing:.8px}.hero-actions{gap:9px}.hero-actions .button{font-size:10px;padding:12px 14px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;font-size:8px;max-width:300px;margin:auto}.hero-stats strong{font-size:10px}.view-tabs{margin-bottom:20px;gap:1px}.view-tabs button{font-size:10px;padding:9px 15px}.workspace{border-radius:16px}.catalog-list{padding-bottom:12px;gap:9px}.box-card{min-width:230px;width:230px;padding:11px 9px;border-color:#ffffff0d}.box-thumb{display:grid;width:75px;height:67px}.box-thumb svg{width:73px;height:65px}.box-card strong{font-size:11px}.box-card small{font-size:9px}.catalog-footer{padding-bottom:13px}.dimension-overview strong{font-size:8px}.dimension-overview span{font-size:7px}.canvas-header{padding:17px 15px}.canvas-header h2{font-size:15px}.segmented button{font-size:8px;padding:7px 6px}.canvas-toolbar{padding:10px 12px}.canvas-actions button{font-size:10px;padding:5px}.lid-control{bottom:32px;width:192px}.concept-note{max-width:132px;font-size:7px}.rotation{font-size:7px}.rotation input{width:52px}.collection-hero{padding:23px 19px;border-radius:16px;margin-bottom:18px}.collection-hero h2{font-size:27px}.collection-hero p{font-size:11px}.collection-tabs{margin-top:18px}.collection-tabs button{font-size:10px;padding:9px 12px}.collection-shell{display:flex;flex-direction:column;gap:15px}.collection-sidebar{position:static;padding:12px;width:100%;overflow:hidden}.collection-sidebar h3{margin:0 0 10px;font-size:10px}.collection-sidebar nav{flex-direction:row;overflow:auto;scrollbar-width:thin;gap:6px}.collection-sidebar nav button{width:auto;min-width:max-content;padding:9px 11px;gap:6px}.collection-sidebar nav button>span{font-size:13px;width:auto}.collection-sidebar nav strong{font-size:9px;flex:initial}.collection-facts{display:none}.collection-grid{gap:10px}.collection-art{height:168px;padding:7px}.collection-card{border-radius:11px}.collection-badge{font-size:6px;padding:3px 5px;top:8px;left:8px}.collection-card-text{padding:12px 10px}.collection-card h3{font-size:10px}.collection-card p{font-size:8px;margin-bottom:10px}.collection-action{font-size:9px}.collection-card-actions>button+button{font-size:7px}.dieline-card-shape{width:56px;height:47px;right:5px;bottom:5px}.dieline-card-flat{padding:12px}.collection-toolbar>select{font-size:10px}.collection-results{font-size:10px;padding:16px 0}.collection-results select{font-size:9px;padding:6px}.collection-pagination{display:block;font-size:9px;padding-top:20px}.collection-pagination>div{margin-top:15px;gap:7px;justify-content:space-between}.collection-pagination button{font-size:9px;padding:8px}.collection-pagination input{width:42px;font-size:10px;padding:7px}.collection-pagination label{gap:5px}.mockup-layout{display:flex;flex-direction:column;gap:15px}.mockup-preview{min-height:250px;padding:11px}.mockup-preview svg{max-height:330px}.mockup-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.mockup-controls>h3,.mockup-controls>p,.mockup-controls>.button,.mockup-controls>.field-note{grid-column:1/-1}.mockup-controls label{font-size:9px}.mockup-controls .text-button{text-align:left}.mockup-controls select{font-size:9px;padding:8px 4px}.dialog-head h2{font-size:19px}.collection-empty{padding:35px 15px}}