:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#202b39;background:#e9edf2}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{background:white;border:1px solid #cbd3de;border-radius:7px;padding:9px 11px;cursor:pointer;color:#26364a}button:hover{border-color:#c89c42;background:#fff9eb}button:disabled{opacity:.4;cursor:default}.primary{background:#c69c48;border-color:#c69c48;color:#101820;font-weight:700}.danger{color:#a31928;border-color:#e9a8ae}.top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#15202e;color:white;gap:16px;flex-wrap:wrap;box-shadow:0 2px 8px #0002}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:19px;letter-spacing:.2px}.brand em{color:#e2ba6c;font-style:normal}.brand small{display:block;color:#aebacc;font-size:11px}.logo{color:#e2ba6c;font-size:25px}.top nav{display:flex;gap:7px;flex-wrap:wrap}.top nav button{background:#283749;color:#fff;border-color:#425266;font-size:13px}.top nav .primary{background:#d5aa56;color:#122031;border-color:#d5aa56}.layout{display:grid;grid-template-columns:237px minmax(0,1fr) 293px;height:calc(100vh - 64px);min-height:630px}.left,.right{background:#fff;overflow-y:auto;padding:16px;border-right:1px solid #d7dee8}.right{border-right:0;border-left:1px solid #d7dee8;padding:0}.right section{padding:14px 16px;border-bottom:1px solid #e0e5ed}h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin:9px 0 14px;color:#516177}label{display:block;font-size:12px;color:#485870;margin:0 0 11px;font-weight:600}input:not([type=checkbox]):not([type=file]),textarea,select{display:block;width:100%;margin-top:5px;padding:8px 9px;border:1px solid #cad4e0;border-radius:6px;color:#243348;background:#fff;font-size:13px}input[type=file]{font-size:11px;max-width:100%;margin-top:6px}.toolgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.toolgrid button{font-size:24px;height:72px;font-family:Arial}.toolgrid small{display:block;font-family:Segoe UI,Arial;font-size:10px;margin-top:5px}.left h3:not(:first-child){margin-top:23px}.wide{width:100%}.hint{font-size:11px;line-height:1.55;color:#8792a1}.check{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:400}.pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.center{min-width:0;display:flex;flex-direction:column}.toolbar{display:flex;gap:7px;align-items:center;padding:9px 11px;background:#f8fafc;border-bottom:1px solid #dce3eb;font-size:12px}.grow{flex:1}.viewport{overflow:auto;flex:1;padding:26px;background:#e9edf2}#paper{width:1100px;background:white;box-shadow:0 5px 27px #0002;transform-origin:top left;border:1px solid #cbd3df}.sheethead{height:109px;padding:19px 30px 12px;border-bottom:3px solid #d0a34b;display:flex;align-items:center;gap:24px}.sheethead img{width:83px;height:68px;object-fit:contain}.sheettitle{font-size:25px;font-weight:750;color:#18283d}.sheetsub{color:#7b8797;font-size:12px;margin-top:5px}.headmeta{margin-left:auto;text-align:right;color:#5b6a7e;font-size:11px;line-height:1.6}#drawing{display:block;touch-action:none}.sheetfoot{height:45px;padding:14px 30px;display:flex;justify-content:space-between;border-top:1px solid #dfe4eb;font-size:11px;color:#637389}.node-shape{stroke-width:2}.node-label{pointer-events:none;text-anchor:middle;font-family:Arial,sans-serif}.node{cursor:move}.node.selected .node-shape{stroke:#dd9e22;stroke-width:3.5;stroke-dasharray:7 3}.edge{stroke:#66758a;stroke-width:2.8;fill:none;marker-end:none;stroke-linejoin:round;cursor:pointer}.edge.selected{stroke:#e2a126;stroke-width:3.2}.comment-dot{fill:#dc9a29;stroke:white;stroke-width:2}.pagebutton{display:flex;align-items:center;gap:6px;margin-bottom:6px}.pagebutton button:first-child{flex:1;text-align:left}.pagebutton.active button:first-child{background:#fff3d8;border-color:#c99d4a}.pagebutton button:last-child{padding:7px;color:#a31928}.comments{font-size:11px;color:#637082}.comment-item{border:1px solid #e1e6eb;padding:8px;margin-bottom:6px;border-radius:5px;cursor:pointer}.saveinfo{color:#238359;font-size:11px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#18283d;color:white;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#printArea{display:none}@media(max-width:1050px){.layout{grid-template-columns:190px minmax(0,1fr) 240px}.left,.right section{padding:10px}}@media(max-width:760px){.layout{height:auto;display:flex;flex-wrap:wrap}.left{width:45%;height:auto;order:2}.right{width:55%;height:auto;order:3}.center{width:100%;height:620px;order:1}.viewport{padding:12px}.top nav button{padding:7px;font-size:12px}}@media print{@page{size:landscape;margin:8mm}body{background:white}.top,.layout,#toast{display:none!important}#printArea{display:block}#printArea .printpage{break-after:page;page-break-after:always;height:auto;width:100%;overflow:hidden}#printArea .printpage:last-child{break-after:auto}.printpage svg{display:block;width:100%;height:auto;max-height:165mm}.printpage .prhead{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c99d4a;padding-bottom:7px;margin-bottom:6px;font-size:12px}.prhead strong{font-size:19px}.prhead img{max-height:45px;max-width:95px;object-fit:contain}.printpage .prfoot{display:flex;justify-content:space-between;font-size:10px;color:#666;border-top:1px solid #aaa;padding-top:5px}.appendix{break-before:page;page-break-before:always;font-family:Arial}.appendix h2{font-size:18px}.appendix p{font-size:12px;white-space:pre-wrap;border-bottom:1px solid #ddd;padding:6px 0}}

/* PhotoLand családi navigáció – csak a Flow saját CSS fájljában */
.photoland-nav{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#111827;color:#f8fafc;border-bottom:1px solid #334155;padding:10px 20px;font:600 13px/1.4 system-ui,sans-serif;}
.photoland-nav a{color:#f4ce79;text-decoration:none;white-space:nowrap}.photoland-nav a:hover{text-decoration:underline}.photoland-nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.photoland-nav{padding:9px 11px;gap:8px;flex-wrap:wrap}.photoland-nav span{display:none}}

/* Flow 1.3: különválasztott, kijelölt elemhez kötött tulajdonságpanel */
.layout{grid-template-columns:237px minmax(0,1fr) 344px;height:calc(100vh - 108px)}
.right{background:#eef2f7;border-left:2px solid #becbda}
.right section{background:white;margin:12px;border:1px solid #dce3ed;border-radius:11px;padding:16px;box-shadow:0 2px 7px #1e293b0a}
.right .inspector{border:2px solid #c69c48;background:#fffdf8;box-shadow:0 4px 17px #c69c4820}
.inspector-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid #e5d9c0}
.inspector-head h3{margin:3px 0 0;color:#18283d;font-size:14px;letter-spacing:.3px}
.eyebrow{color:#ac7e2c;font-size:10px;font-weight:800;letter-spacing:1.1px}
#selectionBadge{white-space:nowrap;padding:5px 7px;background:#f3ead9;border-radius:6px;font-size:10px;color:#785a2b}
.palette-title{font-size:12px;font-weight:700;color:#475569;margin:15px 0 8px}
.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:13px}
.swatches button{aspect-ratio:1;padding:0;border:2px solid;min-width:0;border-radius:6px}.swatches button:hover{outline:2px solid #1e293b}
.apply-btn{margin:6px 0 9px;padding:12px 8px;background:#c69c48;font-size:12px}.apply-btn.pending{outline:3px solid #fbbf24;box-shadow:0 0 0 5px #fbbf2433}
#selectionFields .danger,#edgeFields .danger{margin-top:5px}
.edge-text{font-family:Arial,sans-serif;pointer-events:all;cursor:pointer;paint-order:stroke;stroke:white;stroke-width:5px;stroke-linejoin:round}
.tech-grid button{font-size:21px;height:67px}.tech-grid small{font-size:10px}
@media(max-width:1100px){.layout{grid-template-columns:185px minmax(0,1fr) 295px}.right section{margin:7px;padding:10px}}
@media(max-width:760px){.layout{height:auto;display:flex;flex-wrap:wrap}.right{width:100%;order:2}.left{width:100%;order:3}.center{width:100%;height:620px;order:1}}

/* 1.4: méretezés kézzel, profi műszaki mód */
.resize-handle{fill:#ffffff;stroke:#b47715;stroke-width:2.5;cursor:nwse-resize;pointer-events:all}
.resize-handle:hover{fill:#fde6a3;stroke:#8b5b0c}
.node.selected{cursor:move}
.tech-highlight{background:#eaf5ff;border:1px solid #8bb6e0;color:#244f80;padding:10px;border-radius:8px;font-size:12px;line-height:1.45}
#technicalTools{border:2px solid #78a8d5;background:#f5faff;border-radius:10px;margin-top:12px;padding:9px}
#technicalTools h3{margin:5px 0 12px;color:#1d4e84}
#technicalTools .toolgrid button{background:#fff;border:1px solid #92b1d2}
#flowTools[hidden],#technicalTools[hidden],#techModeHelp[hidden]{display:none!important}
.edge{stroke-linecap:round;stroke-linejoin:round}

/* 1.5: navigáció és működő nagyítás / technikai mód */
body{overflow:hidden}
.photoland-nav{height:42px;position:relative;z-index:5;flex-shrink:0}
.top{min-height:68px;position:relative;z-index:4}
.layout{height:calc(100dvh - 110px);min-height:0}
#paperSizer{position:relative;flex:none;width:1100px;height:834px}
#paper{position:absolute;top:0;left:0;margin:0!important;transform-origin:0 0}
#technicalTools[hidden],#flowTools[hidden],#techModeHelp[hidden]{display:none!important}
#technicalTools:not([hidden]){display:block!important}
#flowTools:not([hidden]){display:grid!important}
.back-top{display:inline-flex;align-items:center;justify-content:center;color:#f5d487!important;border:1px solid #b28a46;border-radius:7px;padding:8px 12px;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.back-top:hover{background:#354256}
.toolbar{flex-wrap:wrap;position:relative;z-index:2}
@media(max-width:760px){body{overflow:auto}.layout{height:auto}.photoland-nav{height:auto}}
@media print{body{overflow:visible}.photoland-nav,.back-top{display:none!important}}

/* PhotoLab Flow 1.6: egységes, fix szélességet nem kikényszerítő szerkesztő */
html,body{width:100%;max-width:100%;overflow-x:hidden}body{display:flex;flex-direction:column;min-height:100dvh;overflow-y:hidden}
.photoland-nav{height:38px;min-height:38px;padding:6px 16px}.top{min-height:62px;padding:8px 14px;flex-wrap:nowrap}.top nav{min-width:0;flex-wrap:nowrap;overflow-x:auto;align-items:center}.top nav button{white-space:nowrap;padding:8px 10px}.top .brand{min-width:150px}.back-top{display:none}.nav-return{white-space:nowrap;color:#f4ce79;text-decoration:none;padding:8px 10px;border:1px solid #977840;border-radius:7px;font-size:12px}.layout{height:calc(100dvh - 100px);min-height:0;grid-template-columns:clamp(200px,16vw,245px) minmax(0,1fr) clamp(290px,23vw,350px);width:100%;overflow:hidden}
.left{min-width:0;overflow-y:auto}.center{min-width:0;overflow:hidden}.right{min-width:0;overflow-y:auto}.toolbar{flex-shrink:0;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.toolbar button{padding:8px}.viewport{overflow:auto;min-width:0;min-height:0;padding:18px;overscroll-behavior:contain}#paperSizer{flex:none}#paper{width:1100px;max-width:none}.doc-section #resetBackground{margin-bottom:14px}.right .inspector{border:2px solid #c69c48}.node.selected .node-shape{stroke-width:3}.node .node-shape{pointer-events:all}.resize-handle{cursor:nwse-resize}.swatches{grid-template-columns:repeat(4,1fr)}.swatches button{height:27px;aspect-ratio:auto}
@media(max-width:1050px){.layout{grid-template-columns:180px minmax(0,1fr) 280px}.top .brand{min-width:125px}.top nav button{font-size:11px}.photoland-nav span{display:none}}
@media(max-width:690px){body{overflow-y:auto}.layout{display:flex;height:auto;overflow:visible;flex-direction:column}.center{order:1;height:65dvh;min-height:390px}.left{order:2;width:100%;max-height:none}.right{order:3;width:100%;max-height:none}.top{flex-wrap:wrap}.top nav{width:100%}.photoland-nav{height:auto}.viewport{padding:10px}}
@media print{@page{size: auto;margin:9mm}body{display:block;overflow:visible}.top,.layout,.photoland-nav{display:none!important}}

/* 1.7 layout reset: standalone isolated desktop workspace */
html{height:100%;width:100%;overflow:hidden}body{height:100dvh;min-height:0;width:100vw;max-width:100vw;margin:0;display:grid;grid-template-rows:38px 64px minmax(0,1fr);overflow:hidden}
.photoland-nav{grid-row:1;height:38px;min-height:0;width:100%;min-width:0}
.top{grid-row:2;min-height:0;height:64px;min-width:0;max-width:100%;width:100%;display:flex;flex-wrap:nowrap;overflow:hidden}
.top .brand{flex:none}.top nav{flex:1 1 auto;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-end}
.top nav .nav-return{flex:none;background:#334155;color:#ffe2a5;font-weight:700}
.layout{grid-row:3;width:100%;max-width:100%;min-width:0;min-height:0;height:auto;display:grid;grid-template-columns:238px minmax(0,1fr) 315px;overflow:hidden}
.left{grid-column:1;grid-row:1;width:auto;min-width:0;min-height:0;height:auto;overflow-x:hidden;overflow-y:auto;padding:16px 14px;background:#fff;direction:ltr;position:relative}
.left > *{max-width:100%}.left .toolgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.left .toolgrid button{min-width:0;overflow:hidden;white-space:normal;height:77px}
.center{grid-column:2;grid-row:1;min-width:0;min-height:0;width:auto;max-width:100%;height:auto;display:flex;flex-direction:column;overflow:hidden}
.toolbar{min-width:0;width:100%;max-width:100%;height:50px;flex:none;display:flex;gap:5px;overflow-x:auto;padding:7px 9px;flex-wrap:nowrap}
.toolbar button{white-space:nowrap;flex:none}
.viewport{position:relative;min-width:0;min-height:0;flex:1;max-width:100%;width:100%;overflow:auto;padding:20px;background:#e9edf2}
#paperSizer{position:relative;max-width:none}#paper{position:absolute;left:0;top:0;max-width:none;transform-origin:top left}
.right{grid-column:3;grid-row:1;min-width:0;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;width:auto;padding:0}
.right section{margin:10px;padding:13px}.right .inspector{order:0}
@media(max-width:1050px){.layout{grid-template-columns:188px minmax(0,1fr) 275px}.left{padding:10px}.right section{margin:6px;padding:10px}}
@media(max-width:700px){html{height:auto;overflow:auto}body{height:auto;min-height:100dvh;display:block;overflow-x:hidden;overflow-y:auto}.top{height:auto;min-height:64px;flex-wrap:wrap}.top nav{justify-content:flex-start}.layout{height:auto;display:flex;flex-direction:column;overflow:visible}.center{order:1;height:65dvh;min-height:420px;width:100%}.left{order:2;width:100%;max-height:none}.right{order:3;width:100%;max-height:none}.photoland-nav{height:auto}}
@media print{html,body{height:auto;display:block;overflow:visible}.photoland-nav,.top,.layout{display:none!important}#printArea{display:block}}

/* Flow 2.0.2 visible build identifier */

/* Flow 2.0.5 - színválasztás megerősítése */
.color-actions{display:flex;gap:8px;margin:10px 0}.color-actions button{flex:1;min-width:0}.apply-btn.pending,#saveBackground.pending{outline:2px solid #e7ac36;outline-offset:2px}

.edge-arrow{pointer-events:none}