:root{--bg:#0f0f0f;--surface:#1a1a1a;--surface2:#242424;--border:#2e2e2e;--accent:#c8f04a;--accent-dim:#c8f04a1f;--text:#f0f0f0;--text-muted:#777;--text-dim:#444;--danger:#ff5f5f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);min-height:100%;color:var(--text);flex-direction:column;font-family:DM Sans,sans-serif;display:flex}header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:8px 40px;display:flex}header h1{letter-spacing:-.02em;font-family:DM Serif Display,serif;font-size:1.6rem;font-weight:400}header h1 span{color:var(--accent)}.biz-name{cursor:pointer;border-bottom:1px dashed var(--text-dim);transition:border-color .15s}.biz-name:hover{border-color:var(--accent)}.biz-name-input{letter-spacing:-.02em;background:var(--surface2);border:1.5px solid var(--accent);color:var(--text);border-radius:6px;outline:none;width:200px;padding:2px 8px;font-family:DM Serif Display,serif;font-size:1.6rem;font-weight:400}header small{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.7rem}.header-ad{flex:1;justify-content:center;max-height:50px;margin:0 20px;display:flex;overflow:hidden}.header-link{color:var(--text-muted);letter-spacing:.05em;font-family:DM Mono,monospace;font-size:.72rem;text-decoration:none;transition:color .15s}.header-link:hover{color:var(--accent)}.header-links{align-items:center;gap:16px;display:flex}.ad-overlay{z-index:9000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ad-modal{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;gap:14px;width:90%;max-width:480px;padding:28px 32px;display:flex}.ad-modal h2{color:var(--text);font-family:DM Serif Display,serif;font-size:1.3rem;font-weight:400}.ad-modal p{color:var(--text-muted);font-size:.82rem;line-height:1.5}.ad-modal-slot{background:var(--surface2);border-radius:8px;min-height:250px;overflow:hidden}.app{flex:1;grid-template-columns:auto 1fr;min-height:0;display:grid;overflow:hidden}.sidebar-wrapper{min-height:0;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:20px;width:340px;padding:24px 20px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:10px;font-family:DM Mono,monospace;font-size:.65rem}.upload-zone{border:1.5px dashed var(--border);text-align:center;cursor:pointer;background:var(--surface2);border-radius:12px;padding:28px 16px;transition:all .2s;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:var(--accent-dim)}.upload-zone input[type=file]{display:none}.upload-icon{justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:8px;margin-left:auto;margin-right:auto;display:flex;position:relative}.upload-emoji{filter:grayscale()}.upload-emoji-large{font-size:2rem}.upload-emoji-badge{font-size:1rem;position:absolute;bottom:-2px;right:-2px}.upload-zone:hover .upload-emoji{filter:none}.upload-zone p{color:var(--text-muted);font-size:.82rem;line-height:1.4}.upload-zone strong{color:var(--accent)}.thumb-preview{object-fit:cover;border:2px solid var(--accent);background:#fff;border-radius:50%;width:60px;height:60px;position:absolute;top:0;left:0}.control-group{flex-direction:column;gap:12px;display:flex}.control-row{align-items:center;gap:10px;display:flex}.control-row label{color:var(--text-muted);min-width:60px;font-family:DM Mono,monospace;font-size:.78rem}.control-row input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:3px;outline:none;flex:1;height:3px}.control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s}.control-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}.adj-btn{border:1px solid var(--border);background:var(--surface2);width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:DM Mono,monospace;font-size:.85rem;transition:all .15s;display:flex}.adj-btn:hover{border-color:var(--accent);color:var(--accent)}.adj-btn:active{transform:scale(.9)}.val-display{color:var(--accent);text-align:right;min-width:38px;font-family:DM Mono,monospace;font-size:.7rem}.layout-fit-info{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.layout-fit-info span{color:var(--text-muted);font-family:DM Mono,monospace;font-size:.65rem}.auto-fit-btn{border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 10px;font-family:DM Mono,monospace;font-size:.62rem;font-weight:600;transition:all .15s}.auto-fit-btn:hover{border-color:var(--accent);color:var(--accent)}.flip-btn{background:var(--surface2);border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;padding:8px;font-family:DM Mono,monospace;font-size:.75rem;transition:all .15s}.flip-btn:hover{border-color:var(--accent);color:var(--accent)}.flip-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.orient-btns{gap:8px;display:flex}.orient-btn{background:var(--surface2);border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:DM Mono,monospace;font-size:.72rem;transition:all .15s;display:flex}.orient-btn:hover{border-color:var(--accent);color:var(--accent)}.orient-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.styled-select,.styled-number{background:var(--surface2);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:.82rem;transition:border-color .15s}.styled-select:focus,.styled-number:focus{border-color:var(--accent)}.inline-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inline-row>div{flex-direction:column;gap:5px;display:flex}.inline-row label{color:var(--text-muted);font-family:DM Mono,monospace;font-size:.72rem}.bg-status{color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;display:flex}.bg-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:8px;height:8px}.bg-dot.active{background:var(--accent);box-shadow:0 0 6px var(--accent)}.bg-dot.processing{background:#f0a;animation:.8s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.spin{animation:1.2s ease-in-out infinite flipX}@keyframes flipX{0%{transform:rotateX(0)}50%{transform:rotateX(180deg)}to{transform:rotateX(360deg)}}.btn-primary{background:var(--accent);color:#0f0f0f;cursor:pointer;letter-spacing:.02em;border:none;border-radius:10px;width:100%;margin-top:4px;padding:13px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700;transition:all .15s}.btn-primary:hover{background:#d9ff55;transform:translateY(-1px);box-shadow:0 6px 20px #c8f04a4d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{width:100%;color:var(--text-muted);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:10px;font-family:DM Sans,sans-serif;font-size:.82rem;transition:all .15s}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}.remove-bg-btn{color:var(--accent);border:1.5px solid var(--accent);cursor:pointer;background:0 0;border-radius:10px;padding:10px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s}.remove-bg-btn:hover{background:var(--accent);color:#0f0f0f}.remove-bg-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border);color:var(--text-muted);background:0 0}.canvas-area{background:0 0;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;min-height:0;padding:20px 32px 12px;display:flex;overflow:hidden}.canvas-scroll-area{text-align:center;flex:1;width:100%;min-height:0;padding:12px 0 24px;overflow:auto}.canvas-scroll-area::-webkit-scrollbar{width:8px}.canvas-scroll-area::-webkit-scrollbar-track{background:#1a1a1a}.canvas-scroll-area::-webkit-scrollbar-thumb{background:#555;border-radius:4px;min-height:40px}.canvas-scroll-area::-webkit-scrollbar-thumb:hover{background:#777}.canvas-scroll-area{scrollbar-width:thin;scrollbar-color:#555 #1a1a1a}.canvas-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;flex-shrink:0;align-self:stretch;align-items:center;gap:6px;padding:8px 12px;display:flex}.toolbar-item{color:var(--text-muted);white-space:nowrap;font-family:DM Mono,monospace;font-size:.65rem}.toolbar-item.info{color:var(--accent);margin-right:auto}.toolbar-sep{color:var(--text-dim);font-size:.6rem}.toolbar-download{background:var(--accent);color:#0f0f0f;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:700;transition:all .15s}.toolbar-download:hover{background:#d9ff55}.toolbar-download:disabled{opacity:.3;cursor:not-allowed}.preview-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.preview-header{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.preview-mode-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--accent-dim);color:var(--accent);border:1px solid #c8f04a40;border-radius:4px;padding:2px 8px;font-family:DM Mono,monospace;font-size:.6rem;font-weight:600}.guide-toggle{text-transform:uppercase;letter-spacing:.06em;background:var(--surface2);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:2px 8px;font-family:DM Mono,monospace;font-size:.6rem;font-weight:600;transition:all .15s}.guide-toggle:hover{border-color:var(--accent);color:var(--accent)}.guide-toggle.active{background:var(--accent-dim);color:var(--accent);border-color:#c8f04a40}.preview-loading{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0f0f0fbf;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.preview-loading .loading-text{color:var(--accent);font-family:DM Mono,monospace;font-size:.75rem}.preview-loading .loading-bar-track{background:var(--border);border-radius:4px;width:60%;height:4px;overflow:hidden}.preview-loading .loading-bar-fill{background:var(--accent);border-radius:4px;width:0%;height:100%;transition:width .2s}.preview-canvas{cursor:grab;-webkit-user-select:none;user-select:none;background:var(--surface);border-radius:6px;display:block}.preview-canvas:focus{border:1.5px solid var(--accent);outline:none}.preview-canvas:active{cursor:grabbing}.keyboard-tip{color:var(--text-muted);letter-spacing:.04em;margin-top:6px;font-family:DM Mono,monospace;font-size:.58rem}.canvas-wrap{border-radius:4px;line-height:0;display:inline-block}.empty-state{color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.empty-state .big-icon{opacity:.3;font-size:4rem}.empty-state p{font-size:.85rem}.custom-dropdown{position:relative}.custom-dropdown-trigger{background:var(--surface2);border:1.5px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;transition:border-color .15s;display:flex}.custom-dropdown-trigger:hover,.custom-dropdown-trigger:focus{border-color:var(--accent);outline:none}.preset-flag{flex-shrink:0;font-size:1.1rem;line-height:1}.custom-dropdown-trigger .preset-label{text-align:left;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:DM Sans,sans-serif;font-size:.82rem;overflow:hidden}.dropdown-arrow{color:var(--text-muted);flex-shrink:0;font-size:.55rem}.custom-dropdown-menu{background:var(--surface);border:1.5px solid var(--border);z-index:50;border-radius:8px;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.custom-dropdown-menu::-webkit-scrollbar{width:4px}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.dropdown-region-header{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border-top:1px solid var(--border);margin-top:2px;padding:6px 12px 4px;font-family:DM Mono,monospace;font-size:.6rem}.dropdown-region-header:first-child{border-top:none;margin-top:0}.custom-dropdown-item{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;transition:background .1s;display:flex}.custom-dropdown-item:hover{background:var(--surface2)}.custom-dropdown-item.active{background:var(--accent-dim)}.custom-dropdown-item .preset-label{text-align:left;color:var(--text);flex:1;font-family:DM Sans,sans-serif;font-size:.8rem}.custom-dropdown-item.active .preset-label{color:var(--accent)}.custom-dropdown-item .preset-size{color:var(--text-muted);flex-shrink:0;font-family:DM Mono,monospace;font-size:.65rem}.progress-bar{background:var(--border);border-radius:1px;width:100%;height:2px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s}.experimental-note{color:var(--text-dim);text-align:center;letter-spacing:.04em;margin-top:-6px;font-family:DM Mono,monospace;font-size:.58rem}.sidebar-note{color:var(--text-dim);text-align:center;padding:4px 8px;font-family:DM Mono,monospace;font-size:.55rem;line-height:1.4}.divider{background:var(--border);height:1px;margin:2px 0}.custom-size-row{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px;display:grid}.custom-size-row>div{flex-direction:column;gap:5px;display:flex}.custom-size-row label{color:var(--text-muted);font-family:DM Mono,monospace;font-size:.68rem}.paper-row{flex-direction:column;gap:5px;display:flex}.paper-row label{color:var(--text-muted);font-family:DM Mono,monospace;font-size:.72rem}.color-row{align-items:center;gap:10px;display:flex}.color-row label{color:var(--text-muted);flex:1;font-family:DM Mono,monospace;font-size:.78rem}.color-row input[type=color]{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:36px;height:36px;padding:2px}.check-row{cursor:pointer;align-items:center;gap:10px;font-size:.8rem;display:flex}.check-row input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.actions-wrap{flex-direction:column;gap:8px;display:flex}.canvas-tabs{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-shrink:0;gap:3px;padding:3px;display:flex}.canvas-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;transition:all .15s}.canvas-tab:hover{color:var(--text);background:var(--surface2)}.canvas-tab.active{background:var(--accent);color:#0f0f0f}.sheet-with-zoom{justify-content:center;align-items:center;width:100%;display:flex}.canvas-zoom-bar-vertical{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:10px 6px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.zoom-slider-vertical{appearance:slider-vertical;writing-mode:vertical-lr;background:var(--border);direction:rtl;outline:none;width:20px;height:140px}.zoom-slider-vertical::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s}.zoom-slider-vertical::-webkit-slider-thumb:hover{transform:scale(1.3)}.canvas-zoom-bar{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px;padding:6px 12px;display:flex}.zoom-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,monospace;font-size:.65rem}.zoom-slider{-webkit-appearance:none;background:var(--border);border-radius:3px;outline:none;width:140px;height:3px}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.zoom-level{color:var(--accent);text-align:right;min-width:36px;font-family:DM Mono,monospace;font-size:.68rem}.zoom-btn.reset{border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:3px 10px;font-family:DM Mono,monospace;font-size:.65rem;font-weight:600;transition:all .15s}.zoom-btn.reset:hover{border-color:var(--accent);color:var(--accent)}.toolbar-preview-btn{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:600;transition:all .15s}.toolbar-preview-btn:hover{border-color:var(--accent);color:var(--accent)}.toolbar-preview-btn:disabled{opacity:.3;cursor:not-allowed}.fullpreview-overlay{z-index:1000;background:#000000eb;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.fullpreview-topbar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;display:flex}.fullpreview-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-family:DM Mono,monospace;font-size:.75rem}.fullpreview-close{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 16px;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;transition:all .15s}.fullpreview-close:hover{border-color:var(--accent);color:var(--accent)}.fullpreview-canvas{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 40px 40px;display:flex}.btn-clothing{background:var(--surface2);width:100%;color:var(--text-muted);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.btn-clothing:hover{border-color:var(--accent);color:var(--accent)}.btn-clothing.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.clothing-panel-slide{background:var(--surface);border-right:1px solid var(--border);width:0;transition:width .25s;overflow:hidden}.clothing-panel-slide.open{width:340px}.clothing-panel{flex-direction:column;gap:14px;width:340px;height:100%;padding:20px 16px;display:flex;overflow-y:auto}.clothing-panel::-webkit-scrollbar{width:4px}.clothing-panel::-webkit-scrollbar-track{background:0 0}.clothing-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.clothing-panel-header{justify-content:space-between;align-items:center;display:flex}.clothing-close-btn{border:1px solid var(--border);background:var(--surface2);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.clothing-close-btn:hover{border-color:var(--accent);color:var(--accent)}.clothing-grid{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.clothing-grid::-webkit-scrollbar{height:4px}.clothing-grid::-webkit-scrollbar-track{background:0 0}.clothing-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.clothing-thumb{background:var(--surface2);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:80px;padding:6px 4px;transition:all .15s;display:flex}.clothing-thumb:hover{border-color:var(--accent)}.clothing-thumb.active{border-color:var(--accent);background:var(--accent-dim)}.clothing-thumb img{object-fit:contain;border-radius:6px;width:50px;height:50px}.clothing-thumb-label{color:var(--text-muted);text-align:center;font-family:DM Mono,monospace;font-size:.65rem}.clothing-thumb.active .clothing-thumb-label{color:var(--accent)}.clothing-adjustments{flex-direction:column;gap:10px;display:flex}.help-page{background:var(--bg);flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding:40px 20px;display:flex;overflow-y:auto}.help-top{align-items:center;gap:16px;width:100%;max-width:520px;display:flex}.help-back{color:var(--text-muted);font-family:DM Mono,monospace;font-size:.75rem;text-decoration:none;transition:color .15s}.help-back:hover{color:var(--accent)}.help-title{color:var(--text);margin-left:auto;font-family:DM Serif Display,serif;font-size:1.4rem;font-weight:400}.help-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:520px;padding:24px}.help-card-heading{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:10px;font-family:DM Mono,monospace;font-size:.65rem}.help-card-text{color:var(--text);font-size:.88rem;line-height:1.5}.help-form{flex-direction:column;gap:8px;margin-top:16px;display:flex}.help-label{color:var(--text-muted);margin-top:4px;font-family:DM Mono,monospace;font-size:.72rem}.help-input{background:var(--surface2);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:.82rem;transition:border-color .15s}.help-input:focus{border-color:var(--accent)}.help-input::placeholder{color:var(--text-dim)}.help-textarea{resize:vertical;min-height:80px}.help-send{background:var(--accent);color:#0f0f0f;cursor:pointer;letter-spacing:.02em;border:none;border-radius:10px;margin-top:8px;padding:12px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:700;transition:all .15s}.help-send:hover{background:#d9ff55;transform:translateY(-1px);box-shadow:0 6px 20px #c8f04a4d}.help-send:active{transform:translateY(0)}.adblock-overlay{z-index:9999;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.adblock-modal{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;gap:16px;max-width:420px;padding:40px;display:flex}.adblock-modal h2{color:var(--text);font-family:DM Serif Display,serif;font-size:1.4rem;font-weight:400}.adblock-modal p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.adblock-modal button{background:var(--accent);color:#0f0f0f;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:700;transition:all .15s}.adblock-modal button:hover{background:#d9ff55;transform:translateY(-1px);box-shadow:0 6px 20px #c8f04a4d}.home-app-section{flex-direction:column;height:100vh;display:flex;overflow:hidden}.home-content{background:var(--bg);border-top:1px solid var(--border)}.home-section{max-width:1100px;margin:0 auto;padding:64px 24px}.home-section-title{color:var(--text);text-align:center;margin-bottom:12px;font-family:DM Serif Display,serif;font-size:1.8rem;font-weight:400}.home-section-subtitle{color:var(--text-muted);text-align:center;max-width:640px;margin:0 auto 40px;font-size:.95rem;line-height:1.6}.home-section-cta{text-align:center;color:var(--text-muted);margin-top:32px;font-size:.9rem}.home-section-cta a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.home-section-cta a:hover{border-bottom-color:var(--accent)}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 20px}.step-number{background:var(--accent);color:#0f0f0f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:12px;font-family:DM Mono,monospace;font-size:.85rem;font-weight:700;display:inline-flex}.step-card h3{color:var(--text);margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600}.step-card p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:40px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.feature-card h3{color:var(--accent);margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600}.feature-card p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.country-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:32px;display:grid}.country-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.country-card h3{color:var(--text);margin-bottom:4px;font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:600}.country-size{color:var(--accent);margin-bottom:12px;font-family:DM Mono,monospace;font-size:.8rem}.country-card ul{flex-direction:column;gap:6px;list-style:none;display:flex}.country-card li{color:var(--text-muted);padding-left:14px;font-size:.82rem;position:relative}.country-card li:before{content:"";background:var(--border);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:0}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:32px;display:grid}.tip-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.tip-card h3{color:var(--text);margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600}.tip-card p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.faq-list{flex-direction:column;gap:16px;margin-top:32px;display:flex}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.faq-item h3{color:var(--text);margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600}.faq-item p{color:var(--text-muted);font-size:.85rem;line-height:1.6}.content-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.content-nav{border-bottom:1px solid var(--border);background:var(--surface);z-index:100;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.content-nav-back{color:var(--text-muted);font-family:DM Mono,monospace;font-size:.75rem;text-decoration:none;transition:color .15s}.content-nav-back:hover{color:var(--accent)}.content-nav-brand{color:var(--text);font-family:DM Serif Display,serif;font-size:1.1rem;text-decoration:none;transition:color .15s}.content-nav-brand:hover{color:var(--accent)}.content-article{flex:1;width:100%;max-width:760px;margin:0 auto;padding:48px 24px 64px}.content-h1{color:var(--text);margin-bottom:8px;font-family:DM Serif Display,serif;font-size:2rem;font-weight:400;line-height:1.3}.content-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:32px;font-family:DM Mono,monospace;font-size:.72rem}.content-intro{color:var(--text-muted);margin-bottom:40px;font-size:1.05rem;line-height:1.7}.content-section{margin-bottom:40px}.content-section h2{color:var(--text);border-top:1px solid var(--border);margin-bottom:16px;padding-top:8px;font-family:DM Serif Display,serif;font-size:1.35rem;font-weight:400}.content-section h3{color:var(--text);margin-top:20px;margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600}.content-section p{color:var(--text-muted);margin-bottom:12px;font-size:.9rem;line-height:1.7}.content-section a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.content-section a:hover{border-bottom-color:var(--accent)}.content-section ul,.content-section ol{flex-direction:column;gap:6px;margin:12px 0 16px 20px;display:flex}.content-section li{color:var(--text-muted);font-size:.88rem;line-height:1.6}.content-footer{border-top:1px solid var(--border);background:var(--surface);text-align:center;padding:32px 24px}.content-footer-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:16px;display:flex}.content-footer-links a{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-family:DM Mono,monospace;font-size:.72rem;text-decoration:none;transition:color .15s}.content-footer-links a:hover{color:var(--accent)}.content-footer-copy{color:var(--text-dim);font-size:.72rem}.blog-list{flex-direction:column;gap:20px;margin-top:32px;display:flex}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.blog-card:hover{border-color:var(--accent);transform:translateY(-2px)}.blog-card-date{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:.68rem}.blog-card-title{color:var(--text);margin:8px 0;font-family:DM Serif Display,serif;font-size:1.25rem;font-weight:400}.blog-card-desc{color:var(--text-muted);margin-bottom:12px;font-size:.88rem;line-height:1.5}.blog-card-read{color:var(--accent);letter-spacing:.04em;font-family:DM Mono,monospace;font-size:.72rem}.size-table-wrap{margin:16px 0;overflow-x:auto}.size-table{border-collapse:collapse;width:100%;font-size:.85rem}.size-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-family:DM Mono,monospace;font-size:.7rem}.size-table td{color:var(--text);border-bottom:1px solid var(--border);padding:10px 12px}.size-table tr:last-child td{border-bottom:none}.size-table tbody tr:hover{background:var(--surface2)}@media (max-width:768px){.home-section{padding:40px 16px}.home-section-title{font-size:1.4rem}.steps-grid,.features-grid,.country-cards,.tips-grid{grid-template-columns:1fr}.content-h1{font-size:1.5rem}.content-article{padding:32px 16px 48px}.content-nav-brand{font-size:.9rem}}.landing-header{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:24px 32px;display:flex}.landing-brand{color:var(--text);letter-spacing:-.01em;font-family:DM Serif Display,serif;font-size:1.25rem;text-decoration:none}.landing-brand span{color:var(--accent);font-style:italic}.landing-nav{align-items:center;gap:28px;display:flex}.landing-nav a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .15s}.landing-nav a:hover{color:var(--text)}.landing-nav-cta{background:var(--accent);border-radius:999px;padding:9px 16px;font-weight:500;transition:transform .15s,box-shadow .15s;color:#0f0f0f!important}.landing-nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px #c8f04a40}.landing-hero{border-bottom:1px solid var(--border);padding:64px 32px 96px}.landing-hero-inner{text-align:center;max-width:880px;margin:0 auto}.landing-hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border-radius:999px;margin-bottom:28px;padding:6px 14px;font-family:DM Mono,monospace;font-size:.75rem;display:inline-block}.landing-hero-title{letter-spacing:-.02em;color:var(--text);margin-bottom:24px;font-family:DM Serif Display,serif;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:400;line-height:1.1}.landing-hero-title em{color:var(--accent);font-style:italic}.landing-hero-sub{color:var(--text-muted);max-width:620px;margin:0 auto 40px;font-size:1.05rem;line-height:1.7}.landing-hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:48px;display:flex}.landing-cta-primary,.home-section-cta-btn{background:var(--accent);color:#0f0f0f;border-radius:999px;padding:14px 28px;font-size:1rem;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.landing-cta-primary:hover,.home-section-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c8f04a4d}.landing-cta-secondary{color:var(--text);border:1px solid var(--border);border-radius:999px;padding:14px 24px;font-size:1rem;text-decoration:none;transition:border-color .15s,color .15s;display:inline-block}.landing-cta-secondary:hover{border-color:var(--text-muted)}.landing-hero-points{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:0;font-size:.85rem;list-style:none;display:flex}.landing-hero-points li{padding-left:18px;position:relative}.landing-hero-points li:before{content:"✓";color:var(--accent);position:absolute;left:0}.home-section-cta-top{text-align:center;margin-bottom:48px}.home-final-cta{text-align:center;border-top:1px solid var(--border)}@media (max-width:640px){.landing-header{padding:18px 20px}.landing-nav{gap:14px}.landing-nav a:not(.landing-nav-cta){display:none}.landing-hero{padding:40px 20px 64px}}.maker-guide{background:var(--bg);border-top:1px solid var(--border);padding:64px 0 80px}.maker-guide-inner{max-width:880px;margin:0 auto;padding:0 24px}.maker-guide-header{border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:32px}.maker-guide-h1{color:var(--text);letter-spacing:-.02em;margin:8px 0 16px;font-family:DM Serif Display,serif;font-size:2.2rem;font-weight:400;line-height:1.15}.maker-guide-intro{color:var(--text-muted);max-width:720px;font-size:1.05rem;line-height:1.7}.maker-related-reads ul{margin:16px 0 0;padding:0;list-style:none}.maker-related-reads li{border-bottom:1px solid var(--border);padding:12px 0}.maker-related-reads li:last-child{border-bottom:none}.maker-related-reads a{color:var(--accent);font-size:.95rem;text-decoration:none}.maker-related-reads a:hover{text-decoration:underline}.author-bio{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;margin:56px 0;padding:28px}.author-bio-inner{align-items:flex-start;gap:20px;display:flex}.author-bio-avatar{background:var(--accent);color:#0f0f0f;letter-spacing:.04em;border-radius:50%;flex:0 0 56px;justify-content:center;align-items:center;width:56px;height:56px;font-family:DM Mono,monospace;font-size:.95rem;font-weight:700;display:flex}.author-bio-text{flex:1}.author-bio-name{color:var(--text);margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600}.author-bio-name a{color:var(--text);border-bottom:1px dotted var(--text-muted);text-decoration:none}.author-bio-role{color:var(--text-muted);margin-bottom:10px;font-size:.9rem;line-height:1.6}.author-bio-role:last-child{margin-bottom:0}.author-bio-role a{color:var(--accent);text-decoration:none}.author-bio-role a:hover{text-decoration:underline}.content-sources{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-top:48px;padding:24px}.content-sources h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)!important;margin-bottom:12px!important;font-family:DM Mono,monospace!important;font-size:1.05rem!important}.content-sources ol{margin:0;padding-left:20px}.content-sources li{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;line-height:1.55}.content-sources a{color:var(--accent);word-break:break-all}.content-callout{background:var(--accent-dim);border-left:3px solid var(--accent);color:var(--text);border-radius:4px;margin:24px 0;padding:18px 22px;font-size:.95rem;line-height:1.6}.content-callout strong{color:var(--accent)}.content-meta-block{color:var(--text-muted);border-bottom:1px solid var(--border);letter-spacing:.04em;flex-wrap:wrap;gap:18px;margin-bottom:24px;padding-bottom:18px;font-family:DM Mono,monospace;font-size:.82rem;display:flex}.content-meta-block span strong{color:var(--text);font-weight:500}@media (max-width:640px){.maker-guide{padding:40px 0 64px}.maker-guide-h1{font-size:1.6rem}.author-bio{padding:22px}.author-bio-inner{flex-direction:column;gap:12px}}.landing-hero-byline{border-top:1px solid var(--border);color:var(--text-muted);max-width:560px;margin-top:28px;padding-top:20px;font-size:.85rem;line-height:1.6}.landing-hero-byline a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.landing-hero-byline a:hover{border-bottom-color:var(--accent)}