.mobile-nav-wrapper,.mobile-nav,.mobile-marker-edit-done,.mobile-marker-size-bar,.mobile-persistent-footer{display:none}@media (max-width:768px),(hover:none) and (pointer:coarse){html,body{overscroll-behavior-x:none;background-color:#f0f4f8!important}.mobile-nav-wrapper{bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:100;align-items:center;gap:8px;display:flex;position:fixed;left:16px;right:16px}html[data-display-mode=standalone] .mobile-nav-wrapper{bottom:calc(4px + env(safe-area-inset-bottom,0px))}.mobile-nav{-webkit-backdrop-filter:blur(20px);background:#fff;border:1px solid #e5e7eb;border-radius:26px;flex:1;min-width:0;height:60px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000008c,0 2px 8px #00000059,inset 0 1px #ffffff0d}.mobile-nav-scroll-container{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.mobile-nav-tabs{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;height:100%;display:flex;overflow-x:auto}.mobile-nav-tabs::-webkit-scrollbar{display:none}.mobile-nav-fade{pointer-events:none;background:linear-gradient(90deg,#0000,#fff 70% 100%);border-radius:0 20px 20px 0;width:30px;position:absolute;top:0;bottom:0;right:0}.mobile-nav-fade:after{content:"";border-top:1.5px solid #b4cde159;border-right:1.5px solid #b4cde159;width:6px;height:6px;position:absolute;top:50%;right:6px;transform:translateY(-50%)rotate(45deg)}.mobile-nav-tab{color:#64748b;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-tap-highlight-color:transparent;scroll-snap-align:start;background:0 0;border:none;border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;width:72px;margin:0;padding:6px 0;font-family:Spline Sans Mono,monospace;font-size:.58rem;font-weight:600;transition:background .15s,color .15s;display:flex}.mobile-nav-tab:not(:disabled):hover{filter:none;transform:none}.mobile-nav-tab.is-active{color:#1565a0;background:#37abcb29}.mobile-nav-icon{width:19px;height:19px}.mobile-nav-label{line-height:1}.mobile-nav-settings{-webkit-backdrop-filter:blur(20px);color:#64748b;cursor:default;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 8px 32px #0000008c,0 2px 8px #00000059,inset 0 1px #ffffff0d}.mobile-nav-settings-icon{width:20px;height:20px}.mobile-marker-edit-done{left:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:101;color:#d8e8f4;letter-spacing:.03em;text-transform:uppercase;background:#0a141ff5;border:1px solid #70b8de7a;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 12px;font-family:Spline Sans Mono,monospace;font-size:.72rem;display:inline-flex;position:fixed;box-shadow:0 8px 20px #00000061,0 2px 8px #0000003d}.mobile-marker-edit-done svg{width:14px;height:14px}html[data-display-mode=standalone] .mobile-marker-edit-done{bottom:calc(74px + env(safe-area-inset-bottom,0px))}.mobile-drawer{z-index:200;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-drawer-backdrop{-webkit-backdrop-filter:none;touch-action:none;background:#02060a38;animation:.2s backdrop-fadein;position:absolute;inset:0}@keyframes backdrop-fadein{0%{opacity:0}to{opacity:1}}.mobile-drawer-sheet{z-index:1;padding-bottom:env(safe-area-inset-bottom,0px);background:#0b141efa;border-top:1px solid #92b0c829;border-radius:24px 24px 0 0;flex-direction:column;height:min(38vh,360px);max-height:84vh;transition:transform .28s cubic-bezier(.32,.72,0,1),height .24s cubic-bezier(.32,.72,0,1);animation:.28s cubic-bezier(.32,.72,0,1) sheet-slidein;display:flex;position:relative}.mobile-drawer-sheet.is-expanded{height:calc(100vh - 64px)}@keyframes sheet-slidein{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-drawer-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:14px 0 10px;display:flex}.mobile-drawer-handle:after{content:"";background:#b4cde159;border-radius:3px;width:44px;height:5px;display:block}.mobile-drawer-handle:active{cursor:grabbing}.mobile-drawer-handle:active:after{background:#7dd8f080}.mobile-drawer-content{overscroll-behavior:contain;padding:8px 16px calc(24px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overflow-y:auto}.mobile-drawer-content .info-panel{display:block}.mobile-drawer-content .info-panel-group{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.mobile-drawer-content .settings-panel{box-shadow:none;background:#0b141efa;border:none;border-radius:0;margin:0;padding:0}.mobile-drawer-content .accordion-item,.mobile-drawer-content .accordion-body,.mobile-drawer-content .map-dimension-fields{background:#0b141efa}.mobile-drawer-content .panel-block h2,.accordion-header{display:none}.accordion-body{opacity:1;visibility:visible;grid-template-rows:1fr}.accordion-body-inner{padding:0}.accordion-item{border-bottom:none}.app-shell{padding:0;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));background:#f0f4f8}html[data-display-mode=standalone] .app-shell{padding-top:env(safe-area-inset-top,0px)}.general-header{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;min-height:62px;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000d}.header-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.header-title{letter-spacing:.03em;color:#1e2937;font-family:Bebas Neue,sans-serif;font-size:1.45rem;font-weight:700}.header-tagline{text-transform:uppercase;letter-spacing:.12em;color:#64748b;font-family:Spline Sans Mono,monospace;font-size:.6rem}.general-header-actions{align-items:center;gap:10px;display:flex}.header-btn{color:#475569;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-family:Spline Sans Mono,monospace;font-size:.7rem;font-weight:600;display:inline-flex}.header-btn-label{display:none}.app-shell--three-column{flex-direction:column;display:flex}.left-panel{order:2}.preview-panel{order:1}.right-panel{order:3}.preview-panel{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.poster-viewport{border:none;border-radius:0;min-height:calc(100vh - 190px);margin:0;padding:14px 0 10px}.poster-viewport:before{display:none}.poster-frame{z-index:2;border:1px solid #14508c33;border-radius:4px;width:calc(100% - 24px);max-height:150vh;margin-bottom:56px;overflow:visible}.map-controls{z-index:10;-webkit-backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #92b0c840;border-radius:40px;flex-flow:wrap;justify-content:center;align-items:center;gap:8px;width:auto;max-width:calc(100% - 24px);margin:8px auto;padding:8px 16px;display:flex;position:relative;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.map-control-group,.map-control-slider-row{align-items:center;gap:8px;display:inline-flex}.map-control-btn{color:#1e2937;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-family:Spline Sans Mono,monospace;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.map-control-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.map-control-btn:disabled{opacity:.5;cursor:not-allowed}.map-control-btn--primary{color:#1e2937;background:#f1f5f9;border-color:#64748b}.map-control-slider{-webkit-appearance:none;background:#e2e8f0;border-radius:9999px;outline:none;width:100px;height:4px}.map-control-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#1e2937;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 5px #00000026}@media (max-width:480px){.map-control-btn span{display:none}.map-control-btn{padding:6px 10px}.map-control-slider{width:80px}}@media (max-width:600px){.map-control-slider{width:70px}}.mobile-section{animation:.18s mobile-section-fadein}@keyframes mobile-section-fadein{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.export-buttons-row{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.export-row-btn{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 8px;font-family:Spline Sans Mono,monospace;font-size:.8rem;font-weight:700;display:flex}.export-row-btn:disabled{opacity:.6;cursor:not-allowed}.export-row-btn:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-2px)}.export-row-btn-icon{width:16px;height:16px}.export-row-btn-icon.is-spinning{animation:.9s linear infinite export-spin}@keyframes export-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-row-btn--png{background:var(--ink);color:#e8f4fc;border-color:#96c8eb66}.export-row-btn--png:not(:disabled):hover{color:#f0faff;background:#128ddb;border-color:#8cb9dccc}.export-row-btn--pdf{background:var(--ink);color:#ffdece;border-color:#ff8e5e80}.export-row-btn--pdf:not(:disabled):hover{color:#ffd5be;background:#e75a1c;border-color:#ff8e5ea3}.export-row-btn--svg{background:var(--ink);color:#f0fdf4;border-color:#4abe7899}.export-row-btn--svg:not(:disabled):hover{color:#f0fff6;background:linear-gradient(135deg,#328d59fa,#227549fa);border-color:#93ebb7e0}.style-subsection{margin-bottom:20px}.style-subsection:last-child{margin-bottom:0}.style-subsection-title{text-transform:uppercase;letter-spacing:.08em;color:#1e3a4f;margin:0 0 12px;font-family:Spline Sans Mono,monospace;font-size:.7rem;font-weight:600}.distance-control{flex-direction:column;gap:8px;display:flex}.distance-control>span:first-child{color:#1e2937;font-size:.75rem;font-weight:500}.distance-slider-group{align-items:center;gap:12px;display:flex}.distance-label{color:#64748b;white-space:nowrap;font-family:Spline Sans Mono,monospace;font-size:.65rem}.distance-slider{-webkit-appearance:none;background:#e2e8f0;border-radius:9999px;outline:none;flex:1;height:4px}.distance-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#1e2937;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 6px #0003}.distance-slider::-webkit-slider-thumb:hover{background:#111827;transform:scale(1.08)}.distance-slider::-moz-range-thumb{cursor:pointer;background:#1e2937;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0003}.distance-value{color:#1e2937;text-align:right;min-width:36px;font-family:Spline Sans Mono,monospace;font-size:.7rem;font-weight:500}.layers-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.layer-toggle{color:#1e2937;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:.75rem;transition:all .2s;display:flex}.layer-toggle:hover{background:#f8fafc}.layer-toggle input{cursor:pointer;accent-color:#1e2937;width:16px;height:16px}.layer-toggle input[type=checkbox]{accent-color:#334155}.layer-toggle:has(input:checked){background:#f1f5f9;font-weight:500}}
.desktop-header,.desktop-nav-bar,.desktop-location-row-wrap,.desktop-settings-slide,.desktop-export-fab,.desktop-install-badge,.desktop-settings-deco,.desktop-left-panel{display:none}@media (min-width:769px) and (hover:hover) and (pointer:fine){html,body,#root{height:100%;margin:0;padding:0}.app-shell--three-column{background:#e8eef4;grid-template:"header header header"62px"left center right"1fr"footer footer footer"/320px 1fr 320px;width:100vw;height:100vh;display:grid;position:fixed;inset:0;overflow:hidden}.app-shell--three-column .general-header{z-index:50;background:#f7f5f4;border-bottom:1px solid #e5e7eb;grid-area:header;justify-content:space-between;align-items:center;gap:20px;width:100%;height:62px;margin:0;padding:0 24px;display:flex;box-shadow:0 2px 8px #0000000f}.app-shell--three-column .left-panel{background:#f7f5f4;border-right:1px solid #92b0c826;grid-area:left;height:100%;overflow-y:auto}.app-shell--three-column .preview-panel{grid-area:center;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.app-shell--three-column .right-panel{background:#f7f5f4;border-left:1px solid #92b0c826;grid-area:right;height:100%;overflow-y:auto}.app-shell--three-column .app-footer{background:#fffffff7;border-top:1px solid #92b0c81a;grid-area:footer;justify-content:space-between;align-items:center;margin-top:0;padding:8px 16px;display:flex}.header-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.header-logo{width:auto;height:32px}.header-brand-text{flex-direction:column;line-height:1.2;display:flex}.header-title{letter-spacing:.03em;color:#1e2937;margin:0;font-family:Bebas Neue,sans-serif;font-size:1.4rem;font-weight:700;line-height:1}.header-tagline{text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin:0;font-family:Spline Sans Mono,monospace;font-size:.6rem}.header-social{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.header-social-link{color:#c3dcf0db;background:#0a141fc7;border:1px solid #92b0c833;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.header-social-link:hover{color:#c8e8f8;background:#5eaed41a;border-color:#5eaed480;transform:translateY(-1px)}.header-social-link--github{background:#142634e6}.header-social-link--kofi{background:#301608d9}.header-social-icon{width:14px;height:14px}.header-social-label{font-family:Spline Sans Mono,monospace;font-size:.7rem}.header-stars-count{color:#ffd985;align-items:center;gap:3px;font-family:Spline Sans Mono,monospace;font-size:.65rem;font-weight:600;display:inline-flex}.header-star-icon{width:10px;height:10px}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-btn{color:#475569;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Spline Sans Mono,monospace;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.header-btn:hover{color:#1e2937;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.header-btn-icon{width:14px;height:14px}.header-btn-label{display:inline}.app-shell--three-column .preview-panel{position:relative;overflow:hidden}.app-shell--three-column .preview-panel .poster-viewport{min-height:unset;background:#f7f5f4;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.app-shell--three-column .preview-panel .poster-frame{max-height:85vh;width:min(calc(100% - 80px), calc(85vh * var(--poster-aspect,.666667)));z-index:10;margin:0 auto;position:relative;overflow:visible}.app-shell--three-column .preview-panel .map-container{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.map-controls{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #92b0c840;border-radius:12px;flex-direction:row;align-items:center;gap:12px;padding:8px 16px;display:flex;position:fixed;top:65px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.map-control-group{align-items:center;gap:8px;display:flex}.map-control-btn{color:#1e2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:Spline Sans Mono,monospace;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000d}.map-control-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 5px #00000014}.map-control-btn:disabled{opacity:.5;cursor:not-allowed}.map-control-btn--primary{color:#1e2937;background:#f1f5f9;border-color:#64748b}.map-control-btn--primary:hover:not(:disabled){background:#e2e8f0;border-color:#475569}.map-control-slider{-webkit-appearance:none;background:#e2e8f0;border-radius:9999px;outline:none;width:160px;height:4px}.map-control-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#1e2937;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 5px #00000026}.map-control-slider::-moz-range-thumb{cursor:pointer;background:#1e2937;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 5px #00000026}.map-control-slider-row{align-items:center;gap:8px;display:flex}.attribution-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:min(460px,100%);max-height:90vh;overflow:hidden;box-shadow:0 10px 30px #0000001f}.attribution-modal-body{background:#fff;gap:16px;max-height:90vh;padding:28px 24px 20px;display:grid;overflow-y:auto}.attribution-list{gap:10px;display:grid}.attribution-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.attribution-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.attribution-icon--blue{color:#1a6fa8;background:#e0f0ff}.attribution-icon--green{color:#2d7a3a;background:#e6f4ea}.attribution-icon--purple{color:#6b3fa0;background:#f0eaff}.attribution-icon--amber{color:#a06000;background:#fff4e0}.attribution-item-content{gap:3px;min-width:0;display:grid}.attribution-item-title{color:#1e2937;margin:0;font-size:.85rem;font-weight:700}.attribution-item-desc{color:#64748b;margin:0;font-size:.78rem;line-height:1.5}.attribution-item-link{color:#1a6fa8;font-size:.75rem;text-decoration:none}.attribution-item-link:hover{text-decoration:underline}.attribution-nav-btn{opacity:.85}.attribution-nav-btn:hover{opacity:1}.left-panel-scroll,.right-panel-scroll{flex-direction:column;gap:24px;height:100%;padding:20px 16px;display:flex;overflow-y:auto}.panel-section{border-bottom:1px solid #92b0c81a}.panel-section:last-child{border-bottom:none;padding-bottom:0}.panel-section-title{text-transform:uppercase;letter-spacing:.1em;color:#111827;margin:0 0 16px;font-family:Spline Sans Mono,monospace;font-size:.7rem}.theme-vertical-list{flex-direction:column;gap:8px;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.theme-vertical-list::-webkit-scrollbar{width:6px}.theme-vertical-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.theme-vertical-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.theme-vertical-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000008}.theme-vertical-item:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000f}.theme-vertical-item.is-selected{background:#f1f5f9;border-color:#64748b;box-shadow:0 2px 5px #00000014}.theme-vertical-preview{flex-shrink:0;gap:2px;display:flex}.theme-vertical-swatch{border:1px solid #e2e8f0;border-radius:4px;width:24px;height:24px}.theme-vertical-info{flex:1;min-width:0}.theme-vertical-name{color:#1e2937;text-transform:uppercase;letter-spacing:.3px;font-size:.8rem;font-weight:600;display:block}.theme-vertical-description{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;display:block;overflow:hidden}.theme-vertical-check{color:#0f172a;flex-shrink:0;font-size:1.1rem;font-weight:700}.style-subsection{margin-bottom:20px}.style-subsection:last-child{margin-bottom:0}.style-subsection-title{text-transform:uppercase;letter-spacing:.08em;color:#1e3a4f;margin:0 0 12px;font-family:Spline Sans Mono,monospace;font-size:.7rem;font-weight:600}.distance-control{flex-direction:column;gap:8px;display:flex}.distance-control>span:first-child{color:#1e2937;font-size:.75rem;font-weight:500}.distance-slider-group{align-items:center;gap:12px;display:flex}.distance-label{color:#64748b;white-space:nowrap;font-family:Spline Sans Mono,monospace;font-size:.65rem}.distance-slider{-webkit-appearance:none;background:#e2e8f0;border-radius:9999px;outline:none;flex:1;height:4px}.distance-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#1e2937;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 6px #0003}.distance-slider::-webkit-slider-thumb:hover{background:#111827;transform:scale(1.08)}.distance-slider::-moz-range-thumb{cursor:pointer;background:#1e2937;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0003}.distance-value{color:#1e2937;text-align:right;min-width:36px;font-family:Spline Sans Mono,monospace;font-size:.7rem;font-weight:500}.layers-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.layer-toggle{color:#1e2937;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:.75rem;transition:all .2s;display:flex}.layer-toggle:hover{background:#f8fafc}.layer-toggle input{cursor:pointer;accent-color:#1e2937;width:16px;height:16px}.layer-toggle input[type=checkbox]{accent-color:#111827}.layer-toggle:has(input:checked){background:#f1f5f9;font-weight:500}.layout-categories{flex-direction:column;gap:20px;display:flex}.layout-category-title{text-transform:uppercase;letter-spacing:.08em;color:#1e3a4f;margin:0 0 12px;font-family:Spline Sans Mono,monospace;font-size:.7rem;font-weight:600}.layout-grid{gap:12px;display:grid}.layout-grid--print,.layout-grid--social_media,.layout-grid--wallpaper,.layout-grid--web{grid-template-columns:repeat(2,1fr)}.style-group{margin-bottom:18px}.style-group-label{color:#1e3a4f;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.alignment-buttons{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;gap:6px;width:fit-content;padding:5px;display:flex;box-shadow:0 1px 3px #0000000d}.alignment-btn{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.alignment-btn:hover{color:#111827;background:#f1f3f5}.alignment-btn.is-active{color:#fff;background:#111827;box-shadow:0 1px 3px #0000001a}.alignment-btn.is-active:hover{background:#1f2937}.alignment-icon{font-size:.9rem}.alignment-label{text-transform:uppercase;font-family:Spline Sans Mono,monospace;font-size:.7rem}.size-buttons{gap:10px;display:flex}.size-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.size-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 5px #00000014}.size-btn.is-active{background:#f1f5f9;border-color:#64748b;box-shadow:0 2px 6px #0000001a}.size-preview{color:#1e2937;font-size:1.1rem;font-weight:700}.size-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-family:Spline Sans Mono,monospace;font-size:.65rem}.opacity-slider-container{align-items:center;gap:12px;padding:8px 0;display:flex}.opacity-icon{color:#64748b;opacity:.85;font-size:1rem}.opacity-slider{appearance:none;background:linear-gradient(90deg,#cbd5e1,#94a3b8);border-radius:3px;outline:none;flex:1;height:6px}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#1e2937;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 6px #0003}.opacity-slider::-webkit-slider-thumb:hover{background:#111827;transform:scale(1.05)}.opacity-slider::-moz-range-thumb{cursor:pointer;background:#1e2937;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0003}.opacity-value{float:right;color:#1e2937;text-align:right;min-width:32px;font-family:Spline Sans Mono,monospace;font-size:.7rem;font-weight:500}.font-selector-label{margin:12px 0;display:block}.font-selector-title{color:#1e3a4f;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.export-buttons-row{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.export-row-btn{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 8px;font-family:Spline Sans Mono,monospace;font-size:.8rem;font-weight:700;display:flex}.export-row-btn:disabled{opacity:.6;cursor:not-allowed}.export-row-btn:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-2px)}.export-row-btn-icon{width:16px;height:16px}.export-row-btn-icon.is-spinning{animation:.9s linear infinite export-spin}@keyframes export-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-row-btn--png{background:var(--ink);color:#e8f4fc;border-color:#96c8eb66}.export-row-btn--png:not(:disabled):hover{color:#f0faff;background:#128ddb;border-color:#8cb9dccc}.export-row-btn--pdf{background:var(--ink);color:#ffdece;border-color:#ff8e5e80}.export-row-btn--pdf:not(:disabled):hover{color:#ffd5be;background:#e75a1c;border-color:#ff8e5ea3}.export-row-btn--svg{background:var(--ink);color:#f0fdf4;border-color:#4abe7899}.export-row-btn--svg:not(:disabled):hover{color:#f0fff6;background:linear-gradient(135deg,#328d59fa,#227549fa);border-color:#93ebb7e0}.poster-ghost-layer,.settings-info-card{display:none!important}@media (max-width:1200px){.app-shell--three-column{grid-template-columns:280px 1fr 280px}}@media (max-width:1000px){.app-shell--three-column{grid-template-columns:260px 1fr 260px}}@media (max-width:900px){.header-social,.header-tagline{display:none}}}.desktop-layout-label{display:none}