.planer-page{padding-bottom:var(--s-8)}.planer-head{padding:clamp(1.5rem,4vw,2.75rem) 0 var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.planer-head h1{font-size:clamp(1.9rem,3.4vw,2.6rem)}.planer-head .lede{max-width:50rem}.planer{display:grid;gap:var(--s-5);align-items:start}.planer-mobilni{display:none}@media(max-width:959px){.planer{display:none}.planer-mobilni{display:block}.planer-mobilni .callout{display:flex;flex-direction:column;gap:var(--s-3)}.planer-mobilni-dugmad{display:flex;flex-wrap:wrap;gap:var(--s-3)}}@media(min-width:960px){.planer{grid-template-columns:420px minmax(0,1fr);gap:var(--s-6)}.stage-col{position:sticky;top:84px}}.panel{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}.pstep{border:1px solid var(--rule);background:var(--surface)}.pstep summary{display:flex;align-items:center;gap:var(--s-3);cursor:pointer;list-style:none;padding:.85rem 1rem;font-weight:600;font-size:var(--t-md);color:var(--graphite);border-bottom:1px solid transparent}.pstep summary::-webkit-details-marker{display:none}.pstep[open] summary{border-bottom-color:var(--rule)}.pstep summary .fig{color:var(--mdf);font-size:var(--t-lg);line-height:1;width:1.4rem}.pstep summary:after{content:"+";margin-left:auto;color:var(--graphite-3);font-weight:400;font-size:1.3rem}.pstep[open] summary:after{content:"−"}.pstep-body{padding:1rem;display:flex;flex-direction:column;gap:var(--s-4)}.pstep-body .ws-field>span:first-child,.ws-label{font-family:var(--font-data);font-size:var(--t-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite-3)}.pstep-body .ws-field em{font-style:normal;font-size:var(--t-sm);color:var(--graphite-3)}.pstep-body .ws-field input[type=number]{min-height:44px}.mere{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.mere .ws-field{gap:var(--s-1)}.mere input{width:100%}.otvori-head{display:flex;flex-direction:column;gap:var(--s-2)}.otvori-dodaj,.paleta,.dugmad{display:flex;flex-wrap:wrap;gap:var(--s-2)}.btn-mini{font:inherit;font-size:var(--t-sm);font-weight:600;padding:.4rem .7rem;min-height:36px;border:1.5px solid var(--rule-strong);background:var(--surface);color:var(--graphite);cursor:pointer;border-radius:var(--radius)}.btn-mini:hover{border-color:var(--pencil)}.btn-mini.tab-on{background:var(--pencil);color:#fff;border-color:var(--pencil)}.btn-mini-neg{color:var(--neg)}.btn-mini-neg:hover{border-color:var(--neg)}.btn-link{font:inherit;font-size:var(--t-sm);color:var(--mdf);background:transparent;border:0;cursor:pointer;padding:0;text-decoration:underline}.otvori,.elementi{display:flex;flex-direction:column;gap:var(--s-2)}.otvor{display:grid;grid-template-columns:1fr auto;gap:.35rem .6rem;align-items:center;padding:.55rem .65rem;border:1px solid var(--rule);background:var(--surface-sunk);font-size:var(--t-sm);cursor:pointer;min-width:0}.otvor-izabran{border-color:var(--mdf);box-shadow:inset 0 0 0 1px var(--mdf)}.otvor-tip{font-weight:600}.otvor-x{border:0;background:transparent;font-size:1.2rem;line-height:1;color:var(--graphite-3);cursor:pointer;padding:0 .3rem;justify-self:end}.otvor-x:hover{color:var(--neg)}.otvor-polja{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.35rem .9rem}.otvor-polje{display:inline-flex;align-items:center;gap:.3rem;color:var(--graphite-3);white-space:nowrap}.otvor-polje input,.otvor-polje select,.sv-polje input,.sv-polje select{font:inherit;font-size:var(--t-sm);padding:.2rem .3rem;border:1px solid var(--rule-strong);border-radius:var(--radius-sm);background:#fff;color:var(--graphite);width:4.2rem;min-height:32px}.otvor-polje select,.sv-polje select{width:auto}.elementi{max-height:280px;overflow-y:auto;border:1px solid var(--rule);padding:.3rem}.el-red{display:grid;grid-template-columns:14px 1fr;gap:.1rem .5rem;align-items:center;text-align:left;font:inherit;font-size:var(--t-sm);padding:.4rem .5rem;border:1px solid transparent;background:transparent;cursor:pointer;width:100%}.el-red:hover{background:var(--surface-sunk)}.el-izabran{border-color:var(--mdf);background:#fff1e8}.el-boja{width:14px;height:14px;border-radius:50%;border:1px solid var(--rule-strong);grid-row:1 / span 2}.el-naziv{font-weight:600}.el-gde{color:var(--graphite-3);font-size:var(--t-xs)}.svojstva{border:1.5px solid var(--mdf);background:#fff8f3;padding:.75rem;display:flex;flex-direction:column;gap:var(--s-3)}.svojstva-head{font-size:var(--t-base)}.sv-grid{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.sv-polje{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--t-sm);color:var(--graphite-2);white-space:nowrap}.sv-xy{gap:.6rem}.sv-xy label{display:inline-flex;align-items:center;gap:.3rem}.sv-boja-polje{flex-wrap:wrap;white-space:normal}.pick-row-2{grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.planer .pick-row-3{grid-template-columns:repeat(3,1fr)}}.choice-row-3{grid-template-columns:repeat(3,1fr)!important}.choice-row-4{grid-template-columns:repeat(2,1fr)!important}.choice-dekor span{display:inline-flex;align-items:center;gap:.4rem}.choice-dekor i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.check-row{display:flex;flex-direction:column;gap:var(--s-2)}.check{display:flex;align-items:center;gap:.5rem;font-size:var(--t-base);cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--mdf)}.boja-red{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.boja-polje{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--t-sm);color:var(--graphite-2)}input[type=color]{width:44px;height:36px;padding:2px;border:1.5px solid var(--rule-strong);border-radius:var(--radius);background:#fff;cursor:pointer}.hex{width:5.4rem;font:inherit;font-family:var(--font-data);font-size:var(--t-sm);padding:.25rem .4rem;border:1px solid var(--rule-strong);border-radius:var(--radius-sm);text-transform:uppercase}.brze{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.brza{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.25);cursor:pointer;padding:0}.brza:hover{transform:scale(1.15)}.prigušeno .boja-red,.prigušeno .brze{opacity:.45}.podovi{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem}.pod{position:relative;display:flex;flex-direction:column;gap:.25rem;cursor:pointer}.pod input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.pod-uzorak{display:block;height:44px;border:1.5px solid var(--rule-strong);border-radius:var(--radius)}.pod-naziv{font-size:.7rem;color:var(--graphite-3);line-height:1.15}.pod:has(input:checked) .pod-uzorak{border-color:var(--pencil);box-shadow:0 0 0 2px var(--pencil)}.pod:has(input:checked) .pod-naziv{color:var(--graphite);font-weight:600}.panel-foot{display:flex;justify-content:flex-end}.stage-col{display:flex;flex-direction:column;gap:var(--s-4)}.stage{border:1px solid var(--rule);background:var(--surface);display:flex;flex-direction:column}.stage-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);padding:.5rem .75rem;border-bottom:1px solid var(--rule);flex-wrap:wrap}.tabs{display:flex;gap:.25rem}.tab{font:inherit;font-weight:600;font-size:var(--t-sm);padding:.45rem .9rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--graphite-2);cursor:pointer}.tab.tab-on{color:var(--graphite);border-bottom-color:var(--mdf)}.kamere{display:flex;gap:.35rem;flex-wrap:wrap}.stage-view{position:relative;height:clamp(360px,58vh,640px);background:#fff}@media(min-width:960px){.stage-view{height:calc(100vh - 334px);min-height:400px;max-height:720px}}#pogled-2d,#pogled-3d{position:absolute;inset:0}#tlocrt{display:block;touch-action:none}#scena{position:absolute;inset:0}#scena canvas{display:block}.scena-poruka{position:absolute;inset:0;display:grid;place-items:center;color:var(--graphite-3);font-size:var(--t-sm);background:#fff}.stage-hint{font-size:var(--t-xs);color:var(--graphite-3);padding:.45rem .75rem;border-top:1px solid var(--rule);margin:0}.alat{position:absolute;display:flex;align-items:center;gap:.3rem;padding:.3rem .4rem;background:#fff;border:1.5px solid var(--pencil);border-radius:var(--radius);box-shadow:0 6px 18px #1d2a3e26;z-index:5}.alat .btn-mini{min-height:30px;padding:.2rem .5rem;font-size:var(--t-xs)}.alat-naziv{font-size:var(--t-xs);font-weight:600;padding:0 .3rem;white-space:nowrap}.alat-boja input{width:30px;height:30px;padding:1px}.kota-hint{position:absolute;left:10px;bottom:10px;margin:0;font-size:var(--t-xs);background:#fff;border:1px solid var(--rule-strong);padding:.35rem .6rem;border-radius:var(--radius);color:var(--graphite-2)}.cena{position:relative}.cena .range-sub,.cena .range-rsd{font-size:var(--t-sm);color:var(--graphite-2)}.cena-duzina{font-family:var(--font-data);font-size:var(--t-xs);color:var(--graphite-3)}.cena-stavke summary{cursor:pointer;font-size:var(--t-sm);font-weight:600;color:var(--mdf)}.cena-stavke .range-rows{margin-top:var(--s-2)}.cena-napomene ul{margin:0;padding-left:1.1rem;font-size:var(--t-sm);color:var(--warn)}.share{display:flex;gap:.4rem;margin-top:var(--s-2)}.share input{flex:1;min-width:0;font:inherit;font-size:var(--t-xs);padding:.4rem .5rem;border:1px solid var(--rule-strong);border-radius:var(--radius-sm);color:var(--graphite-3);background:#fff}.lead-wrap{margin-top:var(--s-7)}.lead{display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}.lead h2{font-size:clamp(1.5rem,2.3vw,1.9rem)}.lead-form{display:flex;flex-direction:column;gap:var(--s-4);width:100%;margin-top:var(--s-2)}.lead-row{display:grid;gap:var(--s-4)}@media(min-width:560px){.lead-row{grid-template-columns:1fr 1fr}}.lead-field>label{color:var(--on-pencil-mute)}.lead-field input,.lead-field select,.lead-field textarea{color:#fff;border-bottom-color:var(--on-pencil-mute)}.lead-field select option{color:var(--graphite)}.lead-check{font-size:var(--t-sm);color:var(--on-pencil-mute);align-items:flex-start}.lead-check a{color:#fff}.lead-error{color:#ffb4a8;font-size:var(--t-sm)}.botcheck{display:none}