@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#eaf4f6;background:#0b1220;font-size:15px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #87e8d5;outline-offset:3px}h1,h2,h3{font-family:Manrope,DM Sans,sans-serif;letter-spacing:-.7px}h1{font-size:clamp(30px,3.3vw,48px);line-height:1.18;letter-spacing:-1.7px;margin:14px 0}h1 em,.brand em{color:#85e5d4;font-style:normal}h2{font-size:23px}h3{font-size:17px}p{color:#9bafc1;line-height:1.7}small{font-size:11px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#83e5d3;font-weight:800}.primary{display:inline-flex;align-items:center;justify-content:center;background:#88e4d2;color:#10323b;font-size:13px;font-weight:800;border:0;border-radius:9px;padding:13px 19px;text-align:center}.primary:hover{background:#a5f3e3}.tag{white-space:nowrap;border:1px solid #58613f;border-radius:50px;color:#f2d4a5;background:#3d3325;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex;align-items:center}.tag.ok{background:#1b3b38;border-color:#396b5e;color:#94ead8}.error{color:#ffcecf;background:#382931;border:1px solid #875365;border-radius:10px;padding:14px 17px;margin:15px 0}.warning{color:#ffd5a4;background:#3b3226;border:1px solid #79613f;border-radius:10px;padding:14px 16px;line-height:1.65;font-size:12px}.mark{background:#83e8d6;color:#0b2531;width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-family:Manrope;font-weight:900;font-size:32px;box-shadow:0 10px 35px #53deb622}.mark span{color:#23525c}.mini{width:42px;height:42px;font-size:24px;border-radius:11px;flex-shrink:0}.auth-bg{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:30px 18px;background:radial-gradient(circle at 12% 18%,#1e494c 0%,transparent 33%),radial-gradient(circle at 85% 85%,#253e56 0%,transparent 36%),#0b1220}.login{width:min(100%,470px);border-radius:19px;border:1px solid #354a5b;background:#132030;box-shadow:0 25px 75px #0005;padding:34px}.login .mark{margin-bottom:24px}.login p{font-size:13px}.login form{display:grid;gap:18px;margin:25px 0}.login form label{display:grid;gap:9px;color:#bacadb;font-size:12px;font-weight:700}.login form input{width:100%;background:#0b1523;color:#f1fbfe;border:1px solid #435c6f;padding:13px 15px;border-radius:10px}.login .primary{width:100%}.login>small{color:#849cae}.qr{background:#dfe9e8;color:#24434c;padding:17px;text-align:center;border-radius:12px}.qr img{max-width:185px;display:block;margin:0 auto}.qr code{display:block;overflow-wrap:anywhere;font-size:11px;padding:9px;border-radius:7px;margin:8px 0;background:#bed9d6}.qr small{color:#40616c}.link-btn{border:0;background:none;color:#9de6dc;padding:8px 0;font-size:13px;font-weight:700;text-align:left}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#111d2e;border-right:1px solid #263a4e;display:flex;flex-direction:column;gap:9px;padding:27px 16px}.sidebar .brand{display:flex;align-items:center;gap:11px;padding:0 7px 34px;font-size:13px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.brand small{display:block;color:#869cb2;font-size:10px;font-weight:500;letter-spacing:1px;margin-top:6px}.sidebar .eyebrow{color:#8196ad;padding:0 13px;margin-bottom:5px}.sidebar>button{color:#a9bbcf;text-align:left;padding:14px;background:transparent;border:0;border-radius:10px;font-size:13px;font-weight:700}.sidebar>button.active,.sidebar>button:hover{background:#1d3540;color:#9bead9}.sidebar-bottom{margin-top:auto;border-top:1px solid #2a3e50;padding:20px 10px 0;display:grid;gap:12px;overflow:hidden}.sidebar-bottom p{font-size:11px;line-height:2;border:1px solid #2c4f50;padding:13px;border-radius:10px;color:#9adccc;margin:0}.sidebar-bottom small{color:#94a7b9;overflow-wrap:anywhere}.sidebar-bottom button{background:none;border:0;color:#c4dfdd;text-align:left;padding:7px 0;font-size:12px}.shell main{min-width:0;background:linear-gradient(145deg,#101b2a,#0b1220 58%,#101b2a)}.shell header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25384b;padding:0 43px;color:#9cb0c3;font-size:12px;gap:10px}.logout{display:none;border:1px solid #355164;background:#23394a;color:#eaf4f6;border-radius:8px;padding:8px 13px}.content{width:min(100%,1200px);padding:45px 43px 80px;margin:0 auto}.content>p{font-size:14px;max-width:740px;margin-bottom:29px}.search{width:100%;padding:7px 7px 7px 20px;background:#16263a;border:1px solid #3c5368;display:flex;gap:12px;align-items:center;border-radius:12px;box-shadow:0 20px 40px #0002}.search>span{color:#86e8d7;font-size:28px}.search input{flex:1;background:none;border:0;color:#ecf8f7;min-width:0;outline:none;padding:10px 0;font-size:14px}.search input::placeholder{color:#849cae}.list-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:33px 0 13px}.list-title h2{font-size:18px;margin:0}.list-title em{font-style:normal;color:#8be7d6;margin-left:7px}.results{border:1px solid #2b4056;border-radius:13px;overflow:hidden;background:#152538;margin-top:19px}.result{display:flex;align-items:center;text-align:left;gap:16px;padding:17px;width:100%;border:0;border-bottom:1px solid #2c3e51;background:transparent;color:#ecf7fa}.result:last-child{border-bottom:0}.result:hover{background:#21374b}.preview{height:50px;width:50px;flex-shrink:0;background:#23414c;border-radius:10px;color:#8cead9;display:flex;align-items:center;justify-content:center;font-size:24px;overflow:hidden}.preview img{height:100%;width:100%;object-fit:cover}.result-text{flex:1;min-width:0}.result-text b,.result-text small{display:block}.result-text b{font-size:14px;line-height:1.4}.result-text small{color:#a2b6c9;margin-top:5px;font-size:11px}.result strong{color:#7be0d0;font-size:25px}.empty{padding:29px;color:#afbed1;font-size:13px}.tip{border:1px solid #2d4f54;background:#162d37;color:#a8c3ca;border-radius:12px;padding:18px;margin-top:24px;font-size:12px}.tip b{color:#94ead9}.detail{margin-top:28px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:22px 0}.detail-title h2{margin:8px 0;font-size:28px}.detail-title p{margin:0;font-size:12px}.gallery{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(245px,.75fr);gap:15px;margin:19px 0 22px}.gallery-main,.gallery-info{background:#15283a;border:1px solid #345468;border-radius:14px;overflow:hidden}.hero-image{padding:0;border:0;background:#152b39;display:block;width:100%;height:auto;aspect-ratio:1.36;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:contain;display:block}.hero-image small{position:absolute;bottom:13px;right:13px;color:#fff;background:#102631e0;border:1px solid #49716c;border-radius:8px;padding:9px;font-weight:800}.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.thumbs button{display:flex;align-items:center;gap:7px;min-width:0;padding:5px;color:#c3d8df;background:#1d3444;border:1px solid #375368;border-radius:9px;text-align:left;font-size:11px;font-weight:700}.thumbs button.selected{background:#284b54;border-color:#8ae6d6}.thumbs img{width:43px;height:43px;object-fit:cover;border-radius:6px}.gallery-info{padding:20px;display:flex;flex-direction:column;gap:12px}.gallery-info h3{font-size:20px;margin:0}.gallery-info p{font-size:12px;margin:0}.gallery-info .small{font-size:11px}.measure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.measure div{text-align:center;padding:9px 3px;background:#203e4b;border:1px solid #355968;border-radius:9px}.measure b{display:block;font-size:16px}.measure small{font-size:9px;color:#b4cddd;display:block}.gallery-info .warning{margin-top:auto}.placeholder{display:flex;gap:13px;align-items:center;padding:29px;color:#a3b9c7;background:#172d3b;border:1px dashed #416178;border-radius:13px;margin:18px 0}.placeholder span{font-size:12px}.overlay{position:fixed;inset:0;background:#010912ed;z-index:99;display:grid;place-items:center;padding:18px}.zoom{width:min(95vw,1050px);background:#142a3a;padding:12px;border:1px solid #456475;border-radius:13px;text-align:right}.zoom button{background:#294655;color:#fff;padding:11px;border:1px solid #456475;border-radius:8px;margin-bottom:9px}.zoom img{display:block;width:100%;max-height:76vh;object-fit:contain;background:#172c3d}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metrics>div{padding:19px;background:#15283a;border:1px solid #2d4356;border-radius:12px;overflow-wrap:anywhere}.metrics small,.metrics b{display:block}.metrics small{color:#97acbd;font-size:11px;margin-bottom:10px}.metrics b{font-size:13px}.selector{display:grid;gap:9px;background:#172c3c;border:1px solid #365264;border-radius:12px;padding:19px;margin-top:18px;font-size:12px;font-weight:700}.selector select{padding:11px 14px;border:1px solid #516a7d;border-radius:9px;background:#0d1c2c;color:#f1fbfd}.production{margin:20px 0 27px;padding:23px;background:#173039;border:1px solid #3b6a64;border-radius:13px}.production h3{margin:0}.production p{font-size:12px;margin:5px 0 19px}.download{width:100%}.file-list{border:1px solid #30485d;border-radius:12px;overflow:hidden;margin-bottom:25px}.file{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #2d4254}.file:last-child{border:0}.file>span{background:#273f52;color:#9deada;font-size:11px;font-weight:800;padding:12px;border-radius:8px}.file>div{flex:1;min-width:0;overflow-wrap:anywhere}.file b,.file small{display:block}.file b{font-size:13px}.file small{font-size:10px;color:#9fb5c9;margin-top:5px}.file a{white-space:nowrap;font-size:12px;padding:11px 13px;color:#ecf8f9;background:#294354;border-radius:9px;border:1px solid #426175;font-weight:700}@media(max-width:1030px){.gallery{grid-template-columns:1fr}.hero-image{aspect-ratio:1.5}}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:12px 15px}.sidebar .brand{padding:0;margin-right:auto}.sidebar .eyebrow,.sidebar-bottom{display:none}.sidebar>button{font-size:12px;padding:10px}.shell header{height:54px;padding:0 18px}.logout{display:block}.content{padding:30px 18px 70px}.gallery{grid-template-columns:1fr}}@media(max-width:520px){.sidebar .brand{width:100%;justify-content:center}.sidebar>button{flex:1;text-align:center}.search{flex-wrap:wrap}.search input{min-width:180px}.search .primary{width:100%}.result{padding:12px;gap:9px}.result .tag{display:none}.metrics{grid-template-columns:1fr}.detail-title h2{font-size:22px}.thumbs button{flex-direction:column;font-size:10px}.thumbs img{width:100%;height:55px}.file{flex-wrap:wrap}.file a{width:100%;text-align:center}.gallery-info{padding:16px}.hero-image{aspect-ratio:1.15}.login{padding:24px}}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.library-heading h1{flex:1}.product-create{max-width:900px}.product-create>p{max-width:780px}.product-form{display:grid;gap:20px}.form-block{background:#15283a;border:1px solid #345064;border-radius:14px;padding:24px}.form-block h2{font-size:18px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#c6dae2;min-width:0}.form-grid label.wide{grid-column:1/-1}.form-grid label>span{color:#84e5d2}.form-grid label small{font-size:10px;color:#9badbd;font-weight:500}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#0e1b2a;border:1px solid #425e71;border-radius:10px;color:#f5fcfe;padding:13px 14px;outline:0;font-size:13px;line-height:1.45}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#8cebd9;box-shadow:0 0 0 3px #8cebd91b}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#7b91a2}.product-notice{display:flex;gap:13px;background:#17343a;border:1px solid #365f5c;padding:16px;border-radius:12px;color:#9debdc;font-size:22px}.product-notice b{color:#dff5f0;font-size:13px}.product-notice p{margin:5px 0 0;font-size:12px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:13px}.secondary-action{background:#263a4a;color:#d8e9ee;border:1px solid #496275;border-radius:10px;padding:12px 19px;font-size:13px;font-weight:700}.secondary-action:hover{background:#345065}@media(max-width:720px){.library-heading{align-items:flex-start;flex-direction:column}.library-heading h1{margin-bottom:0}.form-grid{grid-template-columns:1fr}.form-block{padding:16px}.form-actions>button{flex:1}}.laser-studio>p{font-size:13px;max-width:950px}.laser-layout{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(280px,1fr) minmax(270px,1fr);gap:14px;margin-top:24px;align-items:start}.laser-panel{background:#15283a;border:1px solid #345164;border-radius:13px;padding:17px;min-width:0}.laser-panel h3{margin:0 0 15px}.laser-panel input,.laser-panel select,.laser-panel textarea{color:#ecf7f9;background:#0b1928;border:1px solid #496174;border-radius:9px;padding:10px 11px;width:100%;font-size:12px}.laser-panel textarea{resize:vertical}.laser-panel label{font-size:11px;font-weight:700;color:#bdd2df;display:flex;flex-direction:column;gap:7px}.laser-filters{display:flex;gap:5px;margin:13px 0}.laser-filters button{background:#213a4b;color:#bfd4db;border:1px solid #415968;border-radius:8px;padding:8px 11px;font-size:11px}.laser-filters button.chosen{border-color:#8fe5d3;color:#a3f2df}.laser-items{max-height:430px;overflow:auto;border:1px solid #2c4254;border-radius:9px}.laser-items button{padding:10px;width:100%;display:flex;flex-direction:column;gap:3px;background:transparent;text-align:left;color:#e7f6f9;border:0;border-bottom:1px solid #2d4254}.laser-items button:hover,.laser-items button.selected{background:#244a50}.laser-items small{color:#9db2be;font-size:10px}.laser-picked{display:flex;flex-direction:column;gap:7px;background:#1b3644;border-radius:10px;padding:13px;margin-bottom:16px}.laser-picked small{font-size:11px;color:#b5c8d4;line-height:1.5}.laser-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.laser-fields .full{grid-column:1/-1}.laser-confirm{margin-top:18px!important;display:flex!important;flex-direction:row!important;align-items:flex-start;line-height:1.6;color:#c7e5dc!important}.laser-confirm input{width:16px;flex-shrink:0;margin-top:2px}.laser-preview-area{min-height:240px;background:#263b49;border:1px solid #4a6272;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:16px}.laser-preview-area svg{display:block;width:100%;max-height:330px;filter:drop-shadow(4px 9px 12px #0006)}.laser-note{font-size:11px!important;line-height:1.6;color:#aabecd;margin:13px 0}.laser-export{width:100%;margin-top:14px}@media(max-width:1180px){.laser-layout{grid-template-columns:minmax(230px,1fr) minmax(320px,1.4fr)}.laser-layout .laser-panel:last-child{grid-column:1/-1}}@media(max-width:730px){.laser-layout{grid-template-columns:1fr}.laser-layout .laser-panel:last-child{grid-column:auto}.laser-fields{grid-template-columns:1fr 1fr}}
