:root{--color-primary:#e67e22;--color-secondary:#f5a623;--color-bg:#f5a623;--color-surface:#fff;--color-text:#333;--font-family:-apple-system, "Noto Sans KR", sans-serif;--border-radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family,-apple-system, "Pretendard", "Noto Sans KR", sans-serif);color:var(--color-text,#1a1a2e);-webkit-font-smoothing:antialiased;letter-spacing:-.02em;background:#f0f2f5}.app-container{background:var(--color-surface,#fff);max-width:430px;min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.admin-container{background:#f5f5fa;min-height:100vh}.app-header{background:var(--color-primary,#6c63ff);color:#fff;align-items:center;gap:14px;padding:18px 20px;display:flex}.header-back{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;padding:6px 10px;font-size:18px;line-height:1;transition:background .2s}.header-back:active{background:#ffffff4d}.header-title{font-size:17px;font-weight:700}.header-logo-text{letter-spacing:2px;font-size:24px;font-weight:800}.header-lang{margin-left:auto;position:relative}.header-lang-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:20px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.header-lang-btn:hover{background:#ffffff40}.header-lang-btn svg{flex-shrink:0}.header-lang-dropdown{z-index:100;background:#fff;border-radius:10px;min-width:80px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.header-lang-option{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s;display:block}.header-lang-option:hover{background:#f0edff}.header-lang-option.active{color:var(--color-primary,#6c63ff);background:#f0edff;font-weight:700}.header-logo-img{height:32px}.page-body{background:linear-gradient(180deg, var(--color-primary,#6c63ff) 0%, var(--color-secondary,#4834d4) 100%);flex-direction:column;min-height:calc(100vh - 58px);padding-bottom:0;display:flex}.page-body-light{background:linear-gradient(180deg, var(--color-primary,#6c63ff) 0%, var(--color-secondary,#4834d4) 100%)}.card{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:20px;margin:12px 16px;padding:24px;box-shadow:0 4px 24px #0000000f}.btn{cursor:pointer;text-align:center;letter-spacing:-.01em;border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:700;transition:all .2s;display:block}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-full{width:100%}.btn-primary{color:#fff;background:linear-gradient(135deg,#6c63ff 0%,#5a52e0 100%);box-shadow:0 4px 16px #6c63ff59}.btn-secondary{color:#555;background:#f0f0f5}.btn-outline{color:#6c63ff;background:0 0;border:2px solid #6c63ff4d}.btn-dark{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);box-shadow:0 4px 16px #0003}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);box-shadow:0 4px 16px #ff6b6b59}.code-inputs{justify-content:center;gap:10px;margin:24px 0;display:flex}.code-digit{text-align:center;color:#1a1a2e;background:#fafaff;border:2px solid #e8e8f0;border-radius:16px;outline:none;width:60px;height:68px;font-size:28px;font-weight:800;transition:all .2s}.code-digit:focus{background:#fff;border-color:#6c63ff;box-shadow:0 0 0 4px #6c63ff1f}.code-digit.filled{color:#6c63ff;background:#fff;border-color:#6c63ff}.branch-code-block{padding:0}.branch-code-label{text-align:center;color:#ffffffd9;padding:20px 16px 8px;font-size:15px;line-height:1.6}.branch-code-title{text-align:center;color:#1a1a2e;margin-bottom:4px;font-size:16px;font-weight:700}.branch-status{text-align:center;border-radius:12px;margin:8px 0 20px;padding:12px 16px;font-size:15px;font-weight:600}.branch-status.found{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.branch-status.loading{color:#aaa}.branch-status.error{color:#c62828;background:linear-gradient(135deg,#ffebee,#ffcdd2)}.qr-scan-block{padding:0 16px}.qr-scan-block .card{text-align:center;cursor:pointer;margin:0 0 16px;transition:all .2s}.qr-scan-block .card:active{transform:scale(.98)}.qr-scan-title{color:#1a1a2e;font-size:16px;font-weight:700}.qr-scan-desc{color:#888;margin-top:6px;font-size:13px}.qr-reader-container{border-radius:16px;margin:0 16px 16px;overflow:hidden}.qr-scan-error{text-align:center;color:#ff6b6b;margin:0 16px 16px;font-size:13px}.hero-block{padding:24px 16px 16px}.hero-badge{-webkit-backdrop-filter:blur(10px);color:#fff;background:#fff3;border:1px solid #ffffff40;border-radius:100px;margin-bottom:20px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-block}.hero-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#fffffff2;border:1px solid #fff9;border-radius:24px;padding:40px 24px;box-shadow:0 8px 32px #00000014}.hero-title{color:#1a1a2e;margin-bottom:12px;font-size:32px;font-weight:900;line-height:1.2}.hero-image{max-width:80%;margin:16px auto}.hero-subtitle{color:#888;margin-top:8px;font-size:16px;font-weight:400}.landing-cta{padding:8px 16px 16px}.landing-cta-button{cursor:pointer;text-align:center;color:#fff;letter-spacing:-.01em;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:none;border-radius:14px;width:100%;padding:18px;font-size:17px;font-weight:800;transition:all .2s;display:block;box-shadow:0 4px 16px #0003}.landing-cta-button:active{transform:scale(.98)}.landing-service-menu{gap:12px;padding:8px 16px 16px;display:flex}.landing-service-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#fffffff2;border:2px solid #fff9;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:28px 12px 24px;transition:all .2s;display:flex;box-shadow:0 4px 24px #0000000f}.landing-service-card:active{border-color:var(--color-primary,#6c63ff);transform:scale(.96);box-shadow:0 2px 12px #0000001a}.landing-service-icon{margin-bottom:4px;font-size:40px}.landing-service-name{color:#1a1a2e;font-size:18px;font-weight:800}.landing-service-desc{color:#888;font-size:12px}.confirm-dialog{text-align:center;z-index:10;background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:430px;margin:0;padding:36px 24px 32px;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 40px #0000001f}.confirm-question{color:#555;margin-bottom:28px;font-size:17px;line-height:1.7}.confirm-question strong{color:#6c63ff;margin:8px 0;font-size:20px;display:block}.confirm-buttons{gap:12px;display:flex}.confirm-buttons .btn{flex:1}.fill-mode-toggle{gap:10px;margin-bottom:14px;display:flex}.fill-mode-btn{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff26;border:2px solid #ffffff4d;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:14px 10px;transition:all .2s;display:flex}.fill-mode-btn.active{border-color:var(--color-primary,#6c63ff);background:#fffffff2;box-shadow:0 4px 16px #6c63ff33}.fill-mode-btn:active{transform:scale(.97)}.fill-mode-icon{font-size:22px}.fill-mode-label{color:#ffffffe6;font-size:15px;font-weight:800}.fill-mode-btn.active .fill-mode-label{color:var(--color-primary,#6c63ff)}.fill-mode-desc{color:#ffffff80;font-size:11px}.fill-mode-btn.active .fill-mode-desc{color:#888}.photo-grid-block{padding:0 16px}.photo-select-btn{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%)!important;box-shadow:0 4px 16px #ff6b6b59!important}.photo-grid{flex-direction:column;gap:16px;margin-top:16px;display:flex}.photo-preview-item{background:#f5f5fa;border-radius:16px;position:relative;overflow:hidden}.photo-preview-canvas{width:100%;height:auto;display:block}.photo-preview-loading{color:#aaa;justify-content:center;align-items:center;width:100%;height:200px;font-size:14px;display:flex}.photo-orientation-badge{-webkit-backdrop-filter:blur(8px);color:#fff;background:#00000080;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;bottom:8px;left:8px}.photo-fill-toggle{gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.photo-fill-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);color:#ffffffb3;background:#00000059;border:none;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.photo-fill-btn.active{color:#fff;background:#6c63ffe6}.photo-portrait .photo-preview-canvas{width:auto;max-width:100%;max-height:400px;margin:0 auto}.photo-landscape .photo-preview-canvas{width:100%;height:auto}.photo-counter{-webkit-backdrop-filter:blur(8px);color:#fff;background:#00000080;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.photo-preview-actions{gap:8px;display:flex;position:absolute;top:10px;right:10px}.photo-action-btn{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0006;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .2s;display:flex}.photo-action-btn:active{background:#0009}.print-options-block{margin-top:16px;padding:0 16px}.print-option-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:14px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.print-option-thumb{object-fit:cover;border-radius:10px;width:56px;height:56px}.print-option-controls{flex-direction:column;flex:1;gap:6px;display:flex}.print-option-select{color:#1a1a2e;appearance:none;background:#fafaff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #e8e8f0;border-radius:10px;width:100%;padding:10px 12px;font-size:13px}.photo-submit{padding:16px}.branch-info-card{text-align:center}.branch-info-name{color:#1a1a2e;font-size:20px;font-weight:800}.branch-info-detail{color:#6c63ff;margin-top:6px;font-size:15px;font-weight:700}.branch-info-sub{color:#aaa;margin-top:4px;font-size:13px}.banner-block{padding:0 16px}.banner-item{color:#fff;text-align:center;cursor:pointer;border-radius:16px;margin-bottom:12px;padding:24px;transition:transform .2s;overflow:hidden}.banner-item:active{transform:scale(.98)}.banner-image{border-radius:12px;width:100%}.banner-title{margin-bottom:4px;font-size:16px;font-weight:700}.banner-desc{opacity:.85;font-size:14px}.complete-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#fffffff2;border:1px solid #fff9;border-radius:24px;margin:24px 16px;padding:48px 24px;box-shadow:0 8px 32px #0000000f}.complete-icon{color:#fff;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:36px;font-weight:700;display:flex;box-shadow:0 8px 24px #00b8944d}.complete-title{color:#1a1a2e;margin-bottom:8px;font-size:22px;font-weight:800}.complete-desc{color:#888;font-size:15px}.complete-sub{color:#bbb;margin-top:12px;font-size:13px}.complete-action{padding:0 16px 16px}.app-footer{text-align:center;color:#ffffff80;background:0 0;margin-top:auto;padding:16px;font-size:14px}.footer-company{color:#ffffff80;letter-spacing:1px;font-weight:500}.service-mode-selector{gap:12px;display:flex}.service-mode-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#fffffff2;border:2px solid #fff9;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:24px 12px;transition:all .2s;display:flex;box-shadow:0 4px 24px #0000000f}.service-mode-card:active{transform:scale(.97);box-shadow:0 2px 12px #0000001a}.service-mode-icon{font-size:36px}.service-mode-name{color:#1a1a2e;font-size:18px;font-weight:800}.service-mode-desc{color:#888;font-size:12px}.collage-category-label{color:#fffc;letter-spacing:-.01em;padding:16px 16px 4px;font-size:14px;font-weight:700}.collage-template-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;display:grid}.collage-template-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#fffffff2;border:2px solid #fff9;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;transition:all .2s;display:flex;box-shadow:0 4px 24px #0000000f}.collage-template-card:active{border-color:var(--color-primary,#6c63ff);transform:scale(.97)}.template-preview{justify-content:center;align-items:center;width:80px;height:100px;display:flex}.template-grid-preview{background:#e8e8f0;border-radius:8px;gap:3px;width:100%;height:100%;padding:3px;display:grid;overflow:hidden}.template-grid-cell{background:var(--color-primary,#6c63ff);opacity:.3;border-radius:4px}.template-preview-landscape{width:100px;height:72px;position:relative}.template-split-line{opacity:.7;background:repeating-linear-gradient(#e53935 0 4px,#0000 4px 8px);border-radius:1px;width:2px;height:calc(100% - 6px);position:absolute;top:3px;left:50%;transform:translate(-50%)}.template-name{color:#1a1a2e;font-size:18px;font-weight:800}.template-desc{color:#888;font-size:12px}.collage-editor-info{text-align:center;padding:16px}.collage-editor-info strong{color:#1a1a2e;font-size:16px;display:block}.collage-editor-template{color:var(--color-primary,#6c63ff);font-size:14px;font-weight:700}.collage-editor-canvas-area{position:relative}.collage-canvas-container{flex-direction:column;align-items:center;margin:8px 0;padding:0 16px;display:flex}.collage-slot-actions{justify-content:center;gap:8px;padding:8px 16px;display:flex}.collage-slot-action-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);color:#555;background:#ffffffe6;border:none;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 2px 8px #00000014}.collage-slot-action-btn:active{transform:scale(.95)}.collage-slot-action-delete{color:#e53935;background:#ff6b6b26}.collage-slot-action-confirm{background:var(--color-primary,#6c63ff);color:#fff;box-shadow:0 2px 8px #6c63ff4d}.collage-canvas{cursor:pointer;border-radius:12px;max-width:100%;box-shadow:0 4px 24px #0000001a}.collage-canvas-hint{color:#ffffff80;margin-top:8px;font-size:12px}.collage-editor-actions{padding:16px}.slot-editor{padding:24px}.slot-editor-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.slot-editor-header h3{color:#1a1a2e;font-size:18px;font-weight:800}.slot-editor-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px}.slot-editor-pick-btn{width:100%;margin-bottom:16px}.slot-editor-thumb{background:#f5f5fa;border-radius:12px;width:100%;height:120px;margin-bottom:16px;overflow:hidden}.slot-editor-thumb img{object-fit:cover;width:100%;height:100%}.slot-editor-fill-toggle{gap:8px;margin-bottom:16px;display:flex}.fill-toggle-btn{color:#888;cursor:pointer;background:#fafaff;border:2px solid #e8e8f0;border-radius:12px;flex:1;padding:10px;font-size:14px;font-weight:700;transition:all .2s}.fill-toggle-btn.active{border-color:var(--color-primary,#6c63ff);color:var(--color-primary,#6c63ff);background:#f0eeff}.slot-editor-control{align-items:center;gap:10px;margin-bottom:12px;display:flex}.slot-editor-control label{color:#555;white-space:nowrap;min-width:60px;font-size:13px;font-weight:700}.slot-editor-control input[type=range]{accent-color:var(--color-primary,#6c63ff);flex:1;height:4px}.slot-editor-control span{color:#888;text-align:right;min-width:40px;font-size:13px}.slot-editor-swap{margin:16px 0}.slot-editor-swap label{color:#555;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.swap-buttons{flex-wrap:wrap;gap:8px;display:flex}.swap-btn{color:#555;cursor:pointer;background:#fafaff;border:1px solid #e8e8f0;border-radius:10px;padding:8px 14px;font-size:13px;transition:all .2s}.swap-btn:active{border-color:var(--color-primary,#6c63ff);background:#f0eeff}.slot-editor-clear-btn{width:100%;margin-top:12px}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:430px;max-height:80vh;padding:28px 24px;overflow-y:auto}.loading-container{background:linear-gradient(180deg, var(--color-primary,#6c63ff) 0%, var(--color-secondary,#4834d4) 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.loading-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#ffffffb3;margin-top:16px;font-size:14px}.admin-page{background:#f5f5fa;max-width:640px;min-height:100vh;margin:0 auto}.admin-header{color:#fff;background:linear-gradient(135deg,#6c63ff 0%,#4834d4 100%);padding:32px 24px 24px}.admin-title{letter-spacing:1px;font-size:24px;font-weight:900}.admin-subtitle{opacity:.75;margin-top:4px;font-size:14px}.admin-tabs{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #e8e8f0;display:flex;overflow-x:auto}.admin-tab{color:#aaa;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:14px 12px;font-size:13px;font-weight:700;transition:all .2s}.admin-tab.active{color:#6c63ff;border-bottom-color:#6c63ff}.admin-content{padding:16px 16px 100px}.admin-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000a}.admin-section-title{color:#1a1a2e;margin-bottom:20px;font-size:18px;font-weight:800}.admin-subsection-title{color:#1a1a2e;margin-bottom:8px;font-size:15px;font-weight:700}.admin-field{margin-bottom:18px}.admin-field>label{color:#555;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.admin-field input[type=text],.admin-field input[type=number],.admin-field select{color:#1a1a2e;background:#fafaff;border:2px solid #e8e8f0;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s}.admin-field input:focus,.admin-field select:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a}.admin-field-hint{color:#aaa;margin-top:6px;font-size:12px;display:block}.admin-service-type-select{gap:12px;display:flex}.admin-service-btn{cursor:pointer;background:#fafaff;border:2px solid #e8e8f0;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:20px 12px;transition:all .2s;display:flex}.admin-service-btn.active{background:#f0eeff;border-color:#6c63ff;box-shadow:0 4px 16px #6c63ff26}.admin-service-btn:active{transform:scale(.97)}.admin-service-icon{font-size:28px}.admin-service-name{color:#1a1a2e;font-size:16px;font-weight:800}.admin-service-desc{color:#888;font-size:11px}.admin-color-row{gap:12px;margin-bottom:18px;display:flex}.admin-field-color{flex:1;margin-bottom:0!important}.admin-color-input{background:#fafaff;border:2px solid #e8e8f0;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.admin-color-input input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:8px;width:36px;height:36px;padding:0}.admin-color-input span{color:#555;font-family:monospace;font-size:13px;font-weight:600}.admin-toggle-label{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:0!important;display:flex!important}.admin-toggle-label span:first-child{color:#1a1a2e;font-size:14px;font-weight:600}.admin-toggle-label input[type=checkbox]{display:none}.admin-toggle-track{background:#ddd;border-radius:14px;flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.admin-toggle-track:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.admin-toggle-label input:checked+.admin-toggle-track{background:#6c63ff}.admin-toggle-label input:checked+.admin-toggle-track:after{transform:translate(20px)}.admin-overlay-section{border-top:1px solid #e8e8f0;margin-top:24px;padding-top:24px}.admin-overlay-upload-btn{color:#888;cursor:pointer;background:#fafaff;border:2px dashed #d0d0e0;border-radius:16px;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:12px;padding:32px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-overlay-upload-icon{font-size:32px;font-weight:300;line-height:1}.admin-overlay-preview{margin-top:12px}.admin-overlay-image-wrap{border:1px solid #e8e8f0;border-radius:12px;position:relative;overflow:hidden}.admin-overlay-checker{background-image:repeating-conic-gradient(#e8e8f0 0% 25%,#fff 0% 50%);background-size:16px 16px;position:absolute;inset:0}.admin-overlay-image-wrap img{width:100%;display:block;position:relative}.admin-overlay-actions{gap:8px;margin-top:10px;display:flex}.admin-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.admin-btn:active{transform:scale(.97)}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-primary{color:#fff;background:linear-gradient(135deg,#6c63ff 0%,#5a52e0 100%);box-shadow:0 4px 12px #6c63ff4d}.admin-btn-secondary{color:#555;background:#f0f0f5}.admin-btn-outline{color:#555;background:#fff;border:2px solid #e8e8f0}.admin-btn-danger{color:#e53935;background:#fff;border:2px solid #ffcdd2}.admin-bottom-actions{z-index:50;background:#fff;border-top:1px solid #e8e8f0;gap:12px;width:100%;max-width:640px;padding:16px 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0000000f}.admin-bottom-actions .admin-btn{text-align:center;flex:1}.admin-preview-card{justify-content:center;margin-bottom:20px;display:flex}.admin-preview-phone{border:3px solid #1a1a2e;border-radius:20px;flex-direction:column;width:200px;height:360px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f}.admin-preview-header{align-items:center;padding:12px 14px;display:flex}.admin-preview-body{flex-direction:column;flex:1;align-items:center;gap:12px;padding:16px 12px;display:flex}.admin-preview-hero-card{text-align:center;background:#fffffff2;border-radius:14px;width:100%;padding:24px 16px}.admin-preview-cta{text-align:center;border-radius:10px;width:100%;padding:10px;font-size:11px;font-weight:800}.admin-preview-info{background:#fafaff;border-radius:12px;padding:16px}.admin-preview-row{border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.admin-preview-row:last-child{border-bottom:none}.admin-preview-row span{color:#888;font-size:13px}.admin-preview-row strong{color:#1a1a2e;font-size:14px}.admin-preview-both-btns{gap:6px;width:100%;display:flex}.admin-preview-mini-btn{text-align:center;color:#1a1a2e;background:#fffffff2;border-radius:10px;flex:1;padding:8px 4px;font-size:9px;font-weight:800}.admin-service-btn-wide{flex-basis:100%}.admin-btn-sm{padding:6px 14px;font-size:12px}.admin-overlay-dual{gap:12px;margin-top:16px;display:flex}.admin-overlay-slot{flex:1}.admin-overlay-slot-label{color:#555;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.admin-overlay-upload-btn{color:#888;cursor:pointer;background:#fafaff;border:2px dashed #d0d0e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;font-size:12px;font-weight:600;transition:all .2s;display:flex}.admin-overlay-upload-landscape{aspect-ratio:3/2;padding:24px 12px}.admin-overlay-upload-portrait{aspect-ratio:2/3;padding:24px 12px}.admin-overlay-upload-btn:hover{color:#6c63ff;background:#f0eeff;border-color:#6c63ff}.admin-overlay-landscape{aspect-ratio:3/2}.admin-overlay-portrait{aspect-ratio:2/3}.admin-overlay-image-wrap img{object-fit:contain;width:100%;height:100%;display:block;position:relative}.admin-template-list{flex-direction:column;gap:8px;display:flex}.admin-template-item{cursor:pointer;background:#fafaff;border:2px solid #e8e8f0;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.admin-template-item.active{background:#f0eeff;border-color:#6c63ff}.admin-template-item input[type=checkbox]{display:none}.admin-template-item-preview{flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.admin-template-item-preview .template-grid-preview{border-radius:6px}.admin-template-item-info{flex-direction:column;gap:2px;display:flex}.admin-template-item-info strong{color:#1a1a2e;font-size:15px;font-weight:800}.admin-template-item-info span{color:#888;font-size:12px}