*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w: 320px;--bg: #1a1a1a;--surface: #242424;--border: #333;--accent: #E3C96A;--text: #f0f0f0;--muted: #888;--input-bg: #2c2c2c;--radius: 6px;--font: "Inter", system-ui, sans-serif}html,body{height:100%;overflow:hidden;font-family:var(--font)}body{display:flex;background:var(--bg);color:var(--text);font-size:13px}#sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}#sidebar::-webkit-scrollbar{width:4px}#sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-header{padding:20px 18px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo{font-size:15px;font-weight:600;letter-spacing:.05em;color:var(--accent);text-transform:uppercase}.sidebar-sub{font-size:11px;color:var(--muted);margin-top:2px}.sidebar-section{padding:14px 18px;border-bottom:1px solid var(--border)}.sidebar-section:last-child{border-bottom:none}.section-label{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.input-wrap{position:relative}input[type=text],input[type=search],textarea,select{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:13px;padding:8px 10px;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:56px;max-height:120px}#city-search{padding-right:32px}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:2px;display:none}.search-clear:hover{color:var(--text)}#search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#2a2a2a;border:1px solid var(--border);border-radius:var(--radius);z-index:100;overflow:hidden;display:none}.result-item{padding:9px 12px;cursor:pointer;font-size:12px;line-height:1.4;border-bottom:1px solid var(--border);transition:background .1s}.result-item:last-child{border-bottom:none}.result-item:hover{background:var(--border)}.result-name{color:var(--text);font-weight:500}.result-type{color:var(--muted);font-size:11px}#use-location-btn{display:block;background:none;border:none;color:var(--muted);font-family:var(--font);font-size:11px;cursor:pointer;padding:6px 0 0;text-align:left;width:100%}#use-location-btn:hover{color:var(--text)}#use-location-btn:disabled{opacity:.5;cursor:default}#theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.theme-swatch{border-radius:5px;cursor:pointer;border:2px solid transparent;position:relative;transition:transform .1s,border-color .15s;overflow:hidden;display:flex;flex-direction:column}.theme-swatch:hover{transform:scale(1.04)}.theme-swatch.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-swatch-inner{width:100%;height:32px;display:flex;flex-direction:column;flex-shrink:0}.swatch-bg{flex:1}.swatch-road{height:4px}.swatch-label{font-size:9px;font-weight:500;text-align:center;padding:3px 2px;background:var(--surface);color:var(--muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-swatch.active .swatch-label{color:var(--accent)}#theme-name-display{font-size:12px;color:var(--muted);margin-top:8px;text-align:center}.slider-row{display:flex;align-items:center;gap:10px}input[type=range]{flex:1;-webkit-appearance:none;appearance:none;background:var(--border);height:3px;border-radius:2px;outline:none;border:none;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.slider-value{font-size:12px;color:var(--muted);min-width:36px;text-align:right}.btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;width:100%;margin-bottom:6px;text-decoration:none}.btn:hover{background:var(--border)}.btn:last-child{margin-bottom:0}.btn-accent{background:var(--accent);border-color:var(--accent);color:#111}.btn-accent:hover{background:#d4b558;border-color:#d4b558}.btn-ghost{background:transparent;border-color:var(--accent);color:var(--accent)}.btn-ghost:hover{background:#e3c96a14;border-color:var(--accent)}.btn-text-link{display:block;width:100%;background:none;border:none;color:var(--muted);font-family:var(--font);font-size:11px;cursor:pointer;padding:4px 0 8px;text-align:center;text-decoration:underline;text-underline-offset:2px;margin-bottom:0}.btn-text-link:hover{color:var(--text)}.btn-text-link:disabled{opacity:.5;cursor:default}.btn-success{background:#2a5a2a;border-color:#3a7a3a;color:#afa}#map-area{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:#111;position:relative;overflow:hidden}#poster-frame{position:relative;aspect-ratio:1 / 1.4142;height:min(calc(100vh - 48px),calc((100vw - var(--sidebar-w) - 48px) * 1.4142));max-height:calc(100vh - 48px);box-shadow:0 8px 40px #0009;overflow:hidden}#map{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}#poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#poster-overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,var(--overlay-bg, #000) 0%,transparent 100%);opacity:.85}.poster-city{position:absolute;left:0;right:0;bottom:14%;text-align:center;font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:clamp(18px,4cqw,42px);letter-spacing:.06em;text-transform:uppercase;z-index:11;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5%}.poster-country{position:absolute;left:0;right:0;bottom:10.2%;text-align:center;font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:clamp(8px,1.5cqw,16px);letter-spacing:.15em;text-transform:uppercase;z-index:11;opacity:.85}.poster-message{position:absolute;left:0;right:0;bottom:7%;text-align:center;font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:clamp(6px,1.2cqw,13px);letter-spacing:.1em;z-index:11;opacity:.75}.poster-coords{position:absolute;left:0;right:0;bottom:4.5%;text-align:center;font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:clamp(5px,.9cqw,10px);letter-spacing:.08em;z-index:11;opacity:.5}.poster-attrib{position:absolute;right:2%;bottom:1.5%;font-family:Inter,system-ui,sans-serif;font-size:clamp(4px,.7cqw,8px);letter-spacing:.05em;z-index:11;opacity:.35}#status-bar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;font-size:11px;padding:5px 12px;border-radius:20px;pointer-events:none;opacity:0;transition:opacity .3s;white-space:nowrap;z-index:50}#status-bar.visible{opacity:1}#map-attribution{position:absolute;bottom:5px;right:8px;font-size:10px;color:#fff6;pointer-events:none;letter-spacing:.03em;z-index:20}#map-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);z-index:5;pointer-events:none}#map-placeholder.hidden{display:none}.placeholder-icon{font-size:40px;opacity:.4}.placeholder-text{font-size:13px;opacity:.6}#copy-toast{position:fixed;bottom:24px;left:calc(var(--sidebar-w) + 50%);transform:translate(-50%);background:#2a5a2a;color:#afa;padding:8px 18px;border-radius:20px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:999}#copy-toast.visible{opacity:1}.hidden{display:none!important}#size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.size-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:5px;border:2px solid var(--border);background:var(--input-bg);color:var(--text);font-family:var(--font);font-size:11px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s;line-height:1.2;gap:3px}.size-btn span{font-size:9px;font-weight:400;color:var(--muted)}.size-btn:hover{background:var(--border)}.size-btn.active{border-color:var(--accent);color:var(--accent)}.size-btn.active span{color:var(--accent);opacity:.7}.size-price{font-size:9px;font-weight:600;color:var(--accent);opacity:0;transition:opacity .15s;margin-top:1px}.size-btn:hover .size-price,.size-btn.active .size-price{opacity:1}.collapsible-label{cursor:pointer;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.collapse-arrow{font-size:10px;color:var(--muted);transition:transform .2s}.collapsible-label.open .collapse-arrow{transform:rotate(90deg)}.road-editor{display:flex;flex-direction:column;gap:7px;margin-top:10px}.road-editor.hidden{display:none}.road-row{display:flex;align-items:center;gap:8px}.road-row-label{font-size:11px;color:var(--muted);width:72px;flex-shrink:0}.road-color-pick{width:28px;height:22px;border:1px solid var(--border);border-radius:3px;background:none;padding:1px;cursor:pointer;flex-shrink:0}.road-weight{flex:1;-webkit-appearance:none;appearance:none;background:var(--border);height:3px;border-radius:2px;outline:none;border:none;padding:0}.road-weight::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer}.road-weight-val{font-size:10px;color:var(--muted);width:26px;text-align:right;flex-shrink:0}#order-panel{background:#1e2a1e;border-top:1px solid #3a7a3a}#order-panel .section-label{color:#7aca7a}#order-form input,#order-form textarea{display:block;width:100%}#watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:hidden;display:flex;align-items:center;justify-content:center}#watermark span{font-family:Inter,system-ui,sans-serif;font-size:clamp(18px,7cqw,64px);font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#ffffff38;transform:rotate(-35deg);white-space:nowrap;mix-blend-mode:overlay;text-shadow:0 2px 6px rgba(0,0,0,.3);pointer-events:none;-webkit-user-select:none;user-select:none}#preview-badge{position:absolute;top:8px;right:8px;background:#0006;color:#999;font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:20px;z-index:25;pointer-events:auto;cursor:default;white-space:nowrap}.quality-note{font-size:10px;color:var(--muted);line-height:1.5;margin-top:6px;opacity:.8;font-style:italic}#typo-panel{margin-top:10px;display:flex;flex-direction:column;gap:0}#typo-panel.hidden{display:none}.field-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.field-label{font-size:11px;color:var(--muted);width:72px;flex-shrink:0}select{flex:1;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:12px;padding:6px 8px;outline:none;cursor:pointer}select:focus{border-color:var(--accent)}input[type=color]{width:32px;height:26px;border:1px solid var(--border);border-radius:3px;background:none;padding:2px;cursor:pointer;flex-shrink:0}.btn-tiny{font-size:10px;padding:3px 8px;border-radius:3px;border:1px solid var(--border);background:var(--input-bg);color:var(--muted);cursor:pointer;white-space:nowrap}.btn-tiny:hover{color:var(--text);border-color:var(--text)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}.toggle-row:last-child{border-bottom:none}.toggle-label{font-size:11px;color:var(--muted)}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer;flex-shrink:0}.toggle-switch input{display:none}.toggle-knob{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:20px;transition:background .2s}.toggle-knob:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s}.toggle-switch input:checked+.toggle-knob{background:var(--accent)}.toggle-switch input:checked+.toggle-knob:after{transform:translate(16px)}.orient-row{display:flex;gap:8px}.orient-btn{flex:1;padding:8px;border-radius:var(--radius);border:2px solid var(--border);background:var(--input-bg);color:var(--muted);font-family:var(--font);font-size:11px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.orient-btn:hover{color:var(--text)}.orient-btn.active{border-color:var(--accent);color:var(--accent)}.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-top-right,.maplibregl-ctrl-top-left{display:none!important}#vignette-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;border-radius:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,0) 100%);opacity:0;transition:opacity .3s}#compass-rose{position:absolute;top:14px;right:14px;width:clamp(28px,5cqw,48px);height:clamp(28px,5cqw,48px);z-index:22;pointer-events:none;color:#ffffffb3;transition:transform .1s linear;mix-blend-mode:overlay}#compass-rose svg{width:100%;height:100%}#coverage-badge{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#00000080;color:#ffffffbf;font-family:Inter,system-ui,sans-serif;font-size:9px;letter-spacing:.1em;padding:3px 10px;border-radius:20px;z-index:22;pointer-events:none;white-space:nowrap;display:none}.area-coverage-display{font-size:11px;color:var(--accent);text-align:center;margin-top:8px;padding:5px 0;letter-spacing:.05em}#frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.frame-btn{padding:7px 4px;border-radius:4px;border:2px solid var(--border);background:var(--input-bg);color:var(--muted);font-family:var(--font);font-size:11px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.frame-btn:hover{color:var(--text)}.frame-btn.active{border-color:var(--accent);color:var(--accent)}#poster-frame.frame-thin{box-shadow:inset 0 0 0 1px #ffffff80,0 8px 40px #0009}#poster-frame.frame-thick{box-shadow:inset 0 0 0 5px #fff9,0 8px 40px #0009}#poster-frame.frame-double{box-shadow:inset 0 0 0 1px #fff9,inset 0 0 0 5px #ffffff14,inset 0 0 0 7px #ffffff80,0 8px 40px #0009}#poster-frame.frame-vintage{box-shadow:inset 0 0 0 2px #b49b64cc,inset 0 0 0 5px #b49b641a,inset 0 0 0 7px #b49b6480,0 8px 40px #0009}#poster-frame.frame-shadow{box-shadow:inset 0 0 0 12px #ffffffeb,0 24px 80px #000000b3,0 8px 24px #00000080}.btn-share{background:#1a2a3a;border-color:#3a6a9a;color:#7ab8e8}.btn-share:hover{background:#243650;border-color:#5a9acc}.btn-buy{background:var(--accent);border-color:var(--accent);color:#111;font-weight:600}.btn-buy:hover{background:#d4b558;border-color:#d4b558}.theme-swatch.suggested{border-color:#ffd70099}.suggest-badge{position:absolute;top:2px;right:2px;font-size:8px;color:gold;pointer-events:none;z-index:5;text-shadow:0 1px 2px rgba(0,0,0,.8)}#undo-indicator{position:fixed;top:16px;left:calc(var(--sidebar-w) + 50%);transform:translate(-50%);background:#000000a6;color:#ffffffe6;font-size:11px;padding:5px 14px;border-radius:20px;pointer-events:none;opacity:0;transition:opacity .25s;z-index:999;white-space:nowrap}#undo-indicator.visible{opacity:1}#shortcuts-hint{font-size:10px;color:var(--muted);line-height:1.8;margin-top:6px}#shortcuts-hint kbd{display:inline-block;background:var(--border);color:var(--text);border-radius:3px;padding:1px 5px;font-family:monospace;font-size:9px}body.review-mode #sidebar{display:none}body.review-mode #map-area{width:100%}#review-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--surface);border-left:1px solid var(--border);z-index:200;display:flex;flex-direction:column;overflow-y:auto}#review-panel.hidden{display:none}#review-panel-inner{padding:28px 22px;display:flex;flex-direction:column;gap:16px}#review-logo{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}#review-title{font-size:20px;font-weight:700;color:var(--text);line-height:1.2}#review-subtitle{font-size:13px;color:var(--muted);line-height:1.6}#review-details{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:12px;line-height:1.8;color:var(--text)}#review-details strong{color:var(--muted);font-weight:500;text-transform:uppercase;font-size:10px;letter-spacing:.08em;display:block;margin-bottom:2px}#review-details .detail-row{margin-bottom:10px}#review-details .detail-row:last-child{margin-bottom:0}#review-actions{display:flex;flex-direction:column;gap:8px}.review-btn{width:100%;padding:11px 14px;border:none;border-radius:var(--radius);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.review-btn:hover{opacity:.88}.review-btn-approve{background:#2d7a4f;color:#fff}.review-btn-changes{background:var(--input-bg);color:var(--text);border:1px solid var(--border)}.review-btn-send{background:var(--accent);color:#111;margin-top:8px}#review-changes-form textarea{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:13px;padding:9px 11px;resize:vertical;outline:none;transition:border-color .15s}#review-changes-form textarea:focus{border-color:var(--accent)}#review-confirm{background:#1a3a2a;border:1px solid #2d7a4f;border-radius:var(--radius);color:#6fcf97;font-size:13px;padding:12px 14px;line-height:1.6;text-align:center}#review-footer{font-size:11px;color:var(--muted);margin-top:8px}#review-footer a{color:var(--accent)}body.review-mode #map-area{width:calc(100% - 320px)}@media(max-width:700px){:root{--sidebar-w: 100vw}#poster-frame{width:auto;height:100%!important;max-width:67.5vh;box-shadow:0 4px 24px #000000b3}#sidebar{border-right:none;border-top:2px solid var(--border);-webkit-overflow-scrolling:touch}.sidebar-header{padding:10px 14px 8px}.sidebar-logo{font-size:13px}.sidebar-sub{display:none}.sidebar-section{padding:10px 14px}input[type=text],input[type=search],textarea,select{font-size:16px!important}.btn{padding:11px 14px;font-size:13px;min-height:44px}input[type=range]{height:36px}input[type=range]::-webkit-slider-thumb{width:24px!important;height:24px!important}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent);border:none}.theme-swatch-inner{height:40px}#theme-grid{gap:6px}.size-btn{padding:10px 4px;min-height:48px;font-size:12px}.orient-btn{padding:10px;min-height:44px}.frame-btn{padding:9px 4px;min-height:38px;font-size:11px}.result-item{padding:12px;font-size:14px}#copy-toast{left:50%;bottom:16px;transform:translate(-50%)}#undo-indicator{top:auto;bottom:16px;left:50%}#review-panel-inner{max-width:100%;margin:0;border-radius:0;min-height:auto}#tour-bubble{left:12px!important;right:12px!important;width:auto!important;top:auto!important;bottom:16px}#tour-bubble:before,#tour-bubble:after{display:none}}.sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}#tour-help-btn{flex-shrink:0;margin-top:3px;background:none;border:1px solid var(--border);color:var(--muted);border-radius:50%;width:22px;height:22px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}#tour-help-btn:hover{border-color:var(--accent);color:var(--accent)}#tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;pointer-events:none}body.tour-active #sidebar{position:relative;z-index:1001}.tour-highlight{box-shadow:0 0 0 2px var(--accent),0 0 12px #e3c96a40!important;border-radius:var(--radius);transition:box-shadow .2s}#tour-bubble{position:fixed;z-index:1002;background:#1e1e1e;border:1px solid var(--accent);border-radius:10px;padding:16px 18px;width:248px;box-shadow:0 8px 32px #0009}#tour-bubble:before{content:"";position:absolute;right:100%;top:28px;border:8px solid transparent;border-right-color:var(--accent)}#tour-bubble:after{content:"";position:absolute;right:calc(100% - 2px);top:29px;border:7px solid transparent;border-right-color:#1e1e1e}.tour-count{font-size:11px;color:var(--muted);margin-bottom:5px}.tour-title{font-size:14px;font-weight:600;color:var(--accent);margin-bottom:6px}.tour-text{font-size:12px;color:#b0bac8;line-height:1.6;margin-bottom:14px}.tour-actions{display:flex;align-items:center;justify-content:space-between}.tour-btn-next{background:var(--accent);color:#071427;border:none;border-radius:4px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer}.tour-btn-next:hover{opacity:.85}.tour-btn-skip{background:none;border:none;color:var(--muted);font-size:11px;cursor:pointer;text-decoration:underline}.tour-btn-skip:hover{color:var(--text)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/piggery-style.css.map */