@font-face{font-family:LabelBold;src:url('/static/assets/fonts/Arial Bold.ttf')}
@font-face{font-family:LabelRegular;src:url('/static/assets/fonts/Arial.ttf')}
@font-face{font-family:LabelHeavy;src:url('/static/assets/fonts/Arial Black.ttf')}
:root{--ink:#202923;--dim:#687268;--cyan:#007b9f;--blue:#39b5d5;--line:#c9cdc6;--paper:#f5f4ef;--surface:#e2e6de;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 'Helvetica Neue',Arial,sans-serif}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
[hidden]{display:none!important}
header{height:100px;display:flex;align-items:center;gap:45px;margin:0 4.5%;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:600;letter-spacing:-1px;color:var(--ink);text-decoration:none;white-space:nowrap}
.brand-mark{display:block;width:42px;height:42px;flex:0 0 42px;background:currentColor;mask:url('/static/assets/brand-mark.png') 58% 47% / 160% no-repeat;-webkit-mask:url('/static/assets/brand-mark.png') 58% 47% / 160% no-repeat}
.brand-period{color:var(--cyan)}.brand:hover{text-decoration:underline;text-underline-offset:5px}
.app-name{font-size:14px;color:var(--cyan)}
.header-right{margin-left:auto;display:flex;align-items:center;gap:28px}.local{font:10px 'Courier New',monospace;color:var(--dim)}
.quiet{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:11px 18px;font-size:12px;border-radius:0}.quiet:hover{border-color:var(--cyan);color:var(--cyan)}
main{display:grid;grid-template-columns:185px minmax(0,1fr);gap:3.4%;margin:0 4.5%;min-height:calc(100vh - 100px)}
.library{padding:49px 0 30px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px;min-width:0;padding-right:23px}
.library-title{display:flex;justify-content:space-between;align-items:center}
h2{margin:0;font-size:17px;font-weight:500;letter-spacing:-.4px}
.library-title h2,.library-title span{font:11px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.04em}.library-title span{color:var(--dim)}
.library input{font-size:12px;background:transparent;height:36px;padding:0 0 9px}
.library-foot{margin-top:auto;font:10px/1.8 'Courier New',monospace;color:var(--dim);padding-top:40px}
.product{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:17px 0;color:var(--ink);display:block}
.product:hover strong{text-decoration:underline;text-underline-offset:4px}.product.active strong{color:var(--cyan)}
.product strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.product small{display:block;font:10px 'Courier New',monospace;color:var(--dim);margin-top:7px}
.empty-library{font-size:12px;color:var(--dim);line-height:1.8}
.workspace{padding:44px 0 65px;min-width:0;width:100%;max-width:1580px;margin:auto}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:39px;padding-bottom:35px;border-bottom:1px solid var(--line)}
.eyebrow{font:10px/1.6 'Courier New',monospace;letter-spacing:.05em;color:var(--dim)}
h1{font-size:clamp(42px,4.8vw,80px);font-weight:500;letter-spacing:-.07em;line-height:1.03;margin:19px 0 18px;overflow-wrap:anywhere}
.page-heading p{font-size:14px;color:var(--dim);margin:0;line-height:1.6}
.actions{display:flex;align-items:flex-end;flex-direction:column;gap:12px;flex-shrink:0;padding-bottom:4px}
#save-state{font:10px 'Courier New',monospace;color:var(--dim)}
.primary{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:14px 21px;font-size:13px;font-weight:400;border-radius:0;white-space:nowrap;transition:background .18s}
.primary:hover{background:#365044;border-color:#365044}
.editor{display:grid;grid-template-columns:270px minmax(0,1fr);gap:34px;align-items:start}
.settings{padding:0 28px 0 0;border-right:1px solid var(--line);min-width:0}
.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:23px}
.section-title h2{font-size:16px;letter-spacing:-.4px}.section-title span{font:9px 'Courier New',monospace;color:var(--dim);white-space:nowrap}
.separated{margin-top:29px;padding-top:25px;border-top:1px solid var(--line)}
label{font-size:11px;font-weight:400;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
input,select{width:100%;min-width:0;height:40px;padding:8px 0;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #aeb7ac;border-radius:0;font-size:14px}
input:hover,select:hover{border-color:var(--ink)}input:focus,select:focus{border-color:var(--cyan)}
.pair{display:grid;grid-template-columns:1fr 65px;gap:18px}.weight{grid-template-columns:1fr 76px}
.hint{font-size:10px;color:var(--dim);line-height:1.7;margin:-9px 0 0}
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.photo{position:relative;align-items:center;background:var(--surface);padding:16px 8px 12px;cursor:pointer;gap:7px;margin:0;overflow:hidden}
.photo img{height:104px;width:100%;object-fit:contain}.photo span{font-size:11px}.photo small{color:var(--cyan);font-size:10px}.photo input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo:focus-within{outline:2px solid var(--cyan);outline-offset:4px}
.palette{display:flex;height:19px;gap:4px;margin:0 0 19px}.palette i{flex:1}
.artwork{min-width:0}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 20px}
.preview-toolbar>span{font:10px 'Courier New',monospace;color:var(--dim)}
.tabs{display:flex;gap:27px}.tabs button{background:none;border:0;border-bottom:1px solid transparent;padding:3px 0 5px;color:var(--dim);font-size:13px;border-radius:0}.tabs button[aria-selected=true]{color:var(--cyan);border-bottom-color:var(--cyan)}
.preview-stage{background:#deddd5;padding:45px 28px 23px;min-height:275px;display:flex;flex-direction:column;justify-content:center}
#preview{background:#fff;border:1px solid #c4c8c0}
#preview svg,#other-preview svg{display:block;width:100%;height:auto}
.preview-caption{display:flex;justify-content:space-between;gap:12px;margin-top:23px;font:9px/1.6 'Courier New',monospace;color:#646b62}.preview-caption>span:first-child{letter-spacing:.06em}
.secondary-preview{padding:28px 0 30px;display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:22px;border-bottom:1px solid var(--line)}
.secondary-preview h3{margin:0 0 8px;font-size:17px;font-weight:500;letter-spacing:-.45px}.secondary-preview p{font-size:11px;color:var(--dim);line-height:1.7;margin:0;max-width:140px}
#other-preview{border:1px solid var(--line)}
.export-panel{margin-top:29px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--blue)}
.export-panel h2{font-size:24px;letter-spacing:-.9px;line-height:1.1}.export-panel p{font:10px/1.7 'Courier New',monospace;margin:12px 0 0;color:#173e40}
.downloads{display:flex;gap:25px;padding-top:24px}.downloads button{background:none;border:0;border-bottom:1px solid var(--ink);padding:0 0 4px;color:var(--ink);font-size:11px;border-radius:0}.downloads button:hover{color:var(--cyan);border-color:var(--cyan)}
.print-note{font:10px/1.8 'Courier New',monospace;color:var(--dim);margin:20px 0 0}
#message{font-size:12px;line-height:1.7;color:#9b3627;margin-top:20px;padding-top:14px;border-top:1px solid #cda79d}#message:empty{display:none}
#toast{position:fixed;bottom:25px;right:28px;background:var(--ink);color:var(--paper);padding:16px 24px;font-size:12px;max-width:400px;z-index:10}
input[type=color]{height:40px;padding:0;border:0}
@media(min-width:1700px){main{grid-template-columns:205px minmax(0,1fr)}.editor{grid-template-columns:300px minmax(0,1fr);gap:45px}.preview-stage{padding:65px 40px 28px;min-height:355px}}
@media(max-width:1250px){main{grid-template-columns:150px minmax(0,1fr);gap:3%}.library{padding-right:18px}.editor{grid-template-columns:235px minmax(0,1fr);gap:25px}.settings{padding-right:20px}.secondary-preview{grid-template-columns:1fr;gap:14px}.secondary-preview p{max-width:none}.export-panel{padding:22px;align-items:flex-start;flex-direction:column}.preview-caption{flex-direction:column;gap:3px}.section-title span{font-size:8px}.preview-stage{padding:35px 22px 20px}}
@media(max-width:950px){main{grid-template-columns:1fr;gap:0}.library{padding:18px 0;border-right:0;border-bottom:1px solid var(--line);display:block}.library-title,.library-foot,.library input{display:none}#products{display:flex;gap:25px;overflow-x:auto}.product{width:auto;min-width:150px;border-bottom:0;padding:0;max-width:230px}.empty-library{margin:0}.workspace{padding-top:29px}.editor{grid-template-columns:260px minmax(0,1fr)}.page-heading{margin-bottom:28px;padding-bottom:27px}h1{font-size:55px}.preview-stage{min-height:230px;padding:30px 20px 18px}.secondary-preview{padding-top:24px}.app-name{margin-left:auto}.local{display:none}.header-right{margin-left:0}header{gap:28px}}
@media(max-width:650px){header{height:82px;margin:0 5%;gap:14px}.brand{font-size:20px;letter-spacing:-.8px;gap:6px}.brand-mark{width:30px;height:32px;flex-basis:30px}.app-name{display:none}.header-right{margin-left:auto}.quiet{font-size:11px;padding:8px 11px}main{margin:0 5%}.library{padding:18px 0}.workspace{padding-top:24px}.page-heading{align-items:flex-start;gap:15px;padding-bottom:25px}.eyebrow{font-size:8px}h1{font-size:39px;letter-spacing:-.065em;margin:15px 0}.page-heading p{font-size:12px}.actions{gap:10px;padding-top:4px}#save-state{font-size:8px}.primary{font-size:11px;padding:11px 13px}.editor{display:flex;flex-direction:column;gap:30px}.settings,.artwork{width:100%}.artwork{order:-1}.settings{border-right:0;padding:30px 0 0;border-top:1px solid var(--line)}.preview-toolbar{padding-bottom:17px}.preview-stage{min-height:165px;padding:27px 16px 17px}.preview-caption{font-size:8px}.secondary-preview{grid-template-columns:105px minmax(0,1fr);gap:12px;padding:23px 0}.secondary-preview h3{font-size:15px}.secondary-preview p{font-size:10px}.export-panel{flex-direction:row;align-items:center;padding:19px 16px;margin-top:24px;gap:10px}.export-panel h2{font-size:21px}.export-panel p{font-size:8px;max-width:180px;margin-top:8px}.downloads{gap:20px;flex-wrap:wrap}.print-note{font-size:9px}.photo img{height:145px}.section-title span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.next-password{font:10px/1.6 'Courier New',monospace;text-align:right;color:var(--dim)}.next-password strong{color:var(--ink);font-weight:600;margin-left:6px}.next-password small{display:block;font-size:9px}.logout-form{margin:0}.logout{border:0;border-bottom:1px solid var(--line);background:none;color:var(--dim);font-size:11px;padding:5px 0;white-space:nowrap}.logout:hover{border-color:var(--ink);color:var(--ink)}
.login-layout{margin:0 auto;padding:90px 24px;max-width:478px}.login-intro h1{font-size:clamp(78px,8.2vw,128px);line-height:.96;letter-spacing:-.075em;margin:27px 0 35px}.login-intro p{font-size:16px;line-height:1.8;color:var(--dim)}.login-panel{padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:430px}.login-panel h2{font-size:30px;letter-spacing:-1.2px;margin-bottom:30px}.login-panel label{font-size:12px}.login-panel input{margin:3px 0 4px;height:46px}.login-panel .primary{margin-top:12px}.login-note{font:10px/1.9 'Courier New',monospace;margin:28px 0 0;color:var(--dim)}.login-error{font-size:12px;color:#9b3627;margin:10px 0}
@media(max-width:1150px){.header-right{gap:18px}header{gap:25px}.app-name{display:none}}
@media(max-width:650px){header{height:auto;min-height:104px;flex-wrap:wrap;justify-content:space-between;padding:17px 0;gap:13px}.header-right{display:contents}.next-password{order:5;flex-basis:100%;text-align:left;display:flex;gap:7px}.next-password strong{margin:0}.next-password small{margin-left:auto;font-size:8px}.quiet{margin-left:auto}.logout{font-size:10px}.login-page header{min-height:82px}.login-layout{margin:0 auto;padding:45px 24px}.login-intro h1{font-size:72px;margin:22px 0 28px}.login-intro p{font-size:13px}.login-panel{max-width:none;padding:28px 0}.login-panel h2{font-size:26px}}
.language-switch{display:flex;align-items:center;gap:7px;font:11px 'Courier New',monospace;white-space:nowrap}.language-switch button,.language-switch a{background:none;border:0;padding:4px 0;color:var(--dim);text-decoration:none;cursor:pointer;font:inherit}.language-switch button[aria-pressed=true],.language-switch a[aria-current=true]{color:var(--cyan);border-bottom:1px solid var(--cyan)}.language-switch>span{color:var(--line)}.login-language{margin-left:auto}
:lang(hu) .login-intro h1{font-size:clamp(52px,5.9vw,91px)}
@media(max-width:1150px){.header-right{gap:13px}.section-title{flex-wrap:wrap;gap:5px}.section-title span{white-space:normal}}
@media(max-width:650px){.language-switch{font-size:10px;gap:5px}.next-password{font-size:9px}.next-password small{font-size:7px}:lang(hu) .login-intro h1{font-size:clamp(38px,9.5vw,60px)}.export-panel{flex-wrap:wrap}.export-panel h2{font-size:21px}.weight{grid-template-columns:1fr 92px}.login-page .login-language{margin-left:auto}.preview-toolbar>span{font-size:9px}.actions .primary{padding:11px 10px}}