:root{--ink:#292824;--muted:#64605a;--brand:#8a6244;--brand-dark:#68472f;--line:#e3d9cd;--surface:#fff;--soft:#faf8f5;--soft-accent:#f5f0ea;--danger:#a83232;--success:#287557}*{box-sizing:border-box}html{background:var(--soft);min-width:320px}body{color:var(--ink);background:var(--soft);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit}.public-page{width:min(100%,1240px);margin:0 auto;padding:34px 20px 48px;font-family:Georgia,Times New Roman,serif;line-height:1.6}.page-header{text-align:center;margin:8px 0 48px}.page-header h1{color:var(--brand);letter-spacing:0;margin:0 0 4px;font-size:32px;line-height:1.25}.page-header p{color:#444;margin:0;font-size:24px;line-height:1.4}.content-block,.mission-block{background:var(--surface);text-align:center;border:1px solid #8a624414;border-radius:8px;margin-bottom:30px;padding:28px;box-shadow:0 2px 12px #563b2612}.content-block h2,.mission-block h2{color:var(--brand);margin:0 0 16px;font-size:20px;line-height:1.35}.content-block p,.mission-block p{margin:0;font-size:16px}.content-block .note-text{color:#555;margin-top:12px;font-size:15px}.mission-block p+p{margin-top:12px}.guide-section{margin:50px 0 40px}.guide-section>h2,.products-section h2{text-align:center;color:#444;margin:0 0 24px;font-size:24px;line-height:1.35}.guide-panel{border:1px solid var(--line);background:#fff;border-radius:8px;margin:0 0 20px;overflow:hidden}.guide-label{text-align:center;color:var(--brand);padding:10px 0 4px;font-size:17px}.guide-image{width:100%;height:auto;display:block}.guide-panel p{text-align:center;background:#fefcf8;margin:0;padding:18px 24px;font-size:16px}.reply-tip{text-align:center;margin:20px 0 40px;font-size:16px}.products-section{margin:0 0 50px}.section-heading-row{min-height:38px;position:relative}.carousel-actions{gap:6px;display:flex;position:absolute;top:-3px;right:0}.carousel-actions button,.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--brand-dark);cursor:pointer;background:#fff;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.carousel-actions button:hover,.icon-button:hover{background:var(--soft-accent)}.carousel-actions svg,.icon-button svg{width:18px;height:18px}.product-scroller{scroll-behavior:smooth;scrollbar-color:#c7b7a6 transparent;padding:2px 0 12px;overflow:auto hidden}.product-track{gap:12px;width:max-content;display:flex}.product-item{flex-direction:column;width:clamp(160px,21vw,280px);text-decoration:none;display:flex}.product-image-box{aspect-ratio:4/5;background:#eee9e3;border-radius:6px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.product-image-box img{object-fit:contain;width:100%;height:100%;transition:transform .18s;display:block}.product-item:hover img{transform:scale(1.025)}.product-placeholder{color:#9d9186;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.product-placeholder svg{width:36px;height:36px}.product-name{text-align:center;color:#333;overflow-wrap:anywhere;margin-top:10px;font-size:14px;line-height:1.4}.slogan{text-align:center;color:var(--brand);margin:0;font-size:18px;font-weight:600}.admin-body{background:#f4f5f6;min-height:100vh}.admin-header{background:#fff;border-bottom:1px solid #dfe2e5;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 28px;display:flex}.admin-brand{align-items:baseline;gap:10px;text-decoration:none;display:flex}.admin-brand strong{color:var(--brand-dark);font-family:Georgia,serif;font-size:20px}.admin-brand span{color:#6d7278;font-size:13px}.admin-account{color:#5b6066;align-items:center;gap:14px;font-size:13px;display:flex}.admin-account form{display:flex}.admin-database{color:#454a4e;background:#f6f7f8;border:1px solid #d8dcdf;border-radius:3px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.admin-main{width:min(1120px,100% - 32px);margin:30px auto 60px;padding-bottom:54px}.admin-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-page-head h1{letter-spacing:0;margin:0;font-size:24px}.admin-page-head p{color:#686d72;margin:5px 0 0;font-size:14px}.button{background:var(--brand-dark);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:#523621}.button.secondary{color:#363b3f;background:#fff;border-color:#cfd3d7}.button.danger{color:var(--danger);background:#fff;border-color:#e2bcbc}.button svg{width:17px;height:17px}.admin-table-wrap{background:#fff;border:1px solid #dfe2e5;border-radius:6px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{color:#5d6268;text-align:left;text-transform:uppercase;background:#f8f9fa;border-bottom:1px solid #dfe2e5;padding:11px 14px;font-size:12px}.admin-table td{vertical-align:middle;border-bottom:1px solid #eceeef;padding:12px 14px}.admin-table tr:last-child td{border-bottom:0}.admin-thumb{color:#888;background:#eee;border-radius:4px;justify-content:center;align-items:center;width:48px;height:60px;display:flex;overflow:hidden}.admin-thumb img{object-fit:contain;width:100%;height:100%}.admin-thumb svg{width:20px}.title-cell{min-width:220px;font-weight:600}.url-cell{color:#656b70;text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.status{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.status.active{color:var(--success);background:#e6f4ed}.status.inactive{color:#62686d;background:#eceeef}.table-actions{gap:6px;display:flex}.empty-state{text-align:center;color:#697076;padding:54px 20px}.form-panel{background:#fff;border:1px solid #dfe2e5;border-radius:6px;max-width:720px;padding:24px}.field{gap:7px;margin-bottom:18px;display:grid}.field label,.field legend{color:#393d40;font-size:13px;font-weight:700}.field input[type=text],.field input[type=url],.field input[type=email],.field input[type=password],.field input[type=number],.field input[type=file]{color:#222;background:#fff;border:1px solid #cbd0d4;border-radius:4px;width:100%;min-height:40px;padding:8px 10px}.field select{color:#222;background:#fff;border:1px solid #cbd0d4;border-radius:4px;width:100%;min-height:40px;padding:8px 32px 8px 10px}.field input:focus{border-color:var(--brand);outline:2px solid #8a624424}.field-help{color:#6d7278;font-size:12px}.image-preview{aspect-ratio:4/5;background:#f3f3f3;border:1px solid #dfe2e5;border-radius:4px;justify-content:center;align-items:center;width:128px;display:flex;overflow:hidden}.image-preview img{object-fit:contain;width:100%;height:100%}.checkbox-row{align-items:center;gap:9px;min-height:36px;display:flex}.checkbox-row input{width:17px;height:17px;accent-color:var(--brand-dark)}.form-actions{align-items:center;gap:10px;margin-top:24px;display:flex}.form-error{border-left:3px solid var(--danger);color:#812626;background:#fff1f1;margin:0 0 16px;padding:10px 12px;font-size:13px}.form-success{border-left:3px solid var(--success);color:#1d684c;background:#edf8f3;margin:0 0 16px;padding:10px 12px;font-size:13px}.login-shell{background:#f4f5f6;place-items:center;min-height:100vh;padding:24px 24px 80px;display:grid}.login-panel{background:#fff;border:1px solid #dfe2e5;border-radius:6px;width:min(100%,390px);padding:28px;box-shadow:0 8px 28px #191c1f14}.login-panel h1{color:var(--brand-dark);margin:0 0 5px;font-family:Georgia,serif;font-size:26px}.login-panel>p{color:#6b7075;margin:0 0 24px;font-size:14px}.login-panel .button{width:100%}.database-picker{border-bottom:1px solid #e5e7e9;grid-template-columns:1fr auto;align-items:end;gap:8px;margin-bottom:18px;padding-bottom:18px;display:grid}.database-picker .field{margin:0}.database-picker .button{width:auto}.database-manager-link,.manager-back{margin-top:18px}.database-manager-body{padding-top:2px}.manager-tabs{border:1px solid #d8dcdf;border-radius:4px;grid-template-columns:repeat(3,1fr);margin-bottom:18px;display:grid;overflow:hidden}.manager-tabs.initial-tabs{grid-template-columns:repeat(2,1fr)}.manager-tabs.initial-tabs.with-password{grid-template-columns:repeat(3,1fr)}.manager-tabs button{color:#555b60;cursor:pointer;background:#f7f8f9;border:0;border-right:1px solid #d8dcdf;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:6px;font-size:12px;display:inline-flex}.manager-tabs button:last-child{border-right:0}.manager-tabs button[aria-selected=true]{background:var(--brand-dark);color:#fff}.manager-tabs button:disabled{color:#a3a7aa;cursor:not-allowed}.manager-tabs svg{width:14px;height:14px}.database-manager-view .master-field{border-top:1px solid #e4e6e8;margin-top:22px;padding-top:16px}.manager-primary-actions{margin-top:14px;display:flex}.manager-primary-actions button,.database-row-actions button{color:#4b5156;cursor:pointer;background:#f7f8f9;border:0;border-right:1px solid #d8dcdf;justify-content:center;align-items:center;gap:5px;min-height:38px;padding:6px 8px;font-size:12px;font-weight:700;display:inline-flex}.manager-primary-actions button{border:1px solid #d8dcdf;border-radius:4px;flex:100%;width:100%;padding-inline:14px}.manager-primary-actions button:hover,.database-row-actions button:hover{color:#24282b;background:#eceff1}.manager-primary-actions svg,.database-row-actions svg{flex:none;width:14px;height:14px}.database-list{gap:12px;display:grid}.database-row{background:#fff;border:1px solid #dfe2e5;border-radius:6px;overflow:hidden}.database-row-name{color:#33383c;align-items:center;gap:9px;min-height:46px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:700;display:flex}.database-row-name svg{width:17px;height:17px;color:var(--brand-dark)}.database-row-actions{border-top:1px solid #dfe2e5;grid-template-columns:repeat(2,1fr);display:grid}.database-row-actions button:last-child{border-right:0}.database-row-actions .danger-action{color:var(--danger)}.manager-operation-head{border-bottom:1px solid #e2e4e6;align-items:center;gap:11px;min-height:44px;margin-bottom:18px;padding-bottom:14px;display:flex}.manager-operation-head h2{color:#34383b;margin:0;font-size:17px}.manager-operation-head span{color:#6b7075;margin-top:4px;font-size:12px;display:block}.manager-operation-head code,.field label code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.selected-database{background:#f7f8f9;border:1px solid #d8dcdf;border-radius:4px;align-items:center;gap:9px;min-height:42px;margin-bottom:18px;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;display:flex}.selected-database svg{width:17px;height:17px}.selected-database.danger-text{color:var(--danger);background:#fff7f7;border-color:#e2bcbc}.delete-warning{border-left:3px solid var(--danger);color:#812626;background:#fff1f1;margin-bottom:18px;padding:10px 12px;font-size:13px;line-height:1.45}.initial-database-setup{margin-top:4px}.initial-database-setup h2{color:#34383b;margin:0 0 18px;font-size:17px}.initial-database-setup .master-field{border-top:1px solid #e4e6e8;margin-top:22px;padding-top:16px}.admin-language-switch{z-index:30;background:#fff;border:1px solid #cfd3d7;border-radius:4px;grid-template-columns:repeat(2,auto);display:grid;position:fixed;bottom:18px;right:18px;overflow:hidden;box-shadow:0 3px 12px #191c1f1f}.admin-language-switch button{color:#555b60;cursor:pointer;background:#fff;border:0;border-right:1px solid #dfe2e5;min-height:34px;padding:6px 10px;font-size:12px}.admin-language-switch button:last-child{border-right:0}.admin-language-switch button[aria-pressed=true]{background:var(--brand-dark);color:#fff;font-weight:700}.admin-language-switch button:disabled{cursor:wait}.form-success{align-items:center;gap:7px;display:flex}.form-success svg{flex:none;width:16px;height:16px}.account-settings{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;max-width:900px;display:grid}.account-section{width:100%}.account-section-head{border-bottom:1px solid #e3e5e7;align-items:flex-start;gap:10px;min-height:42px;margin-bottom:20px;padding-bottom:15px;display:flex}.account-section-head>svg{width:19px;height:19px;color:var(--brand-dark);flex:none;margin-top:1px}.account-section-head h2{letter-spacing:0;margin:0;font-size:17px}.account-section-head p{color:#6b7075;overflow-wrap:anywhere;margin:5px 0 0;font-size:12px}@media (max-width:768px){.public-page{padding:24px 14px 40px}.page-header{margin-bottom:34px}.page-header h1{font-size:26px}.page-header p{font-size:20px}.content-block,.mission-block{padding:22px 18px}.guide-section{margin-top:38px}.guide-section>h2,.products-section h2{font-size:21px}.product-item{width:160px}.carousel-actions{display:none}.admin-header{min-height:54px;padding:8px 12px}.admin-brand{gap:6px;min-width:0}.admin-brand strong{font-size:18px}.admin-brand span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.admin-account{gap:7px}.admin-account .icon-button{width:36px;height:36px}.admin-account span{display:none}.admin-main{width:min(100% - 20px,1120px);margin-top:18px;padding-bottom:62px}.admin-page-head{align-items:flex-start;gap:10px}.admin-page-head h1{font-size:21px}.admin-page-head p{font-size:13px}.admin-page-head>.button{width:100%}.admin-table-wrap{background:0 0;border:0;overflow:visible}.admin-table{display:block}.admin-table thead{display:none}.admin-table tbody{gap:12px;display:grid}.admin-table tr{background:#fff;border:1px solid #dfe2e5;border-radius:6px;grid-template-columns:72px minmax(0,1fr);gap:0 12px;padding:12px;display:grid}.admin-table td{border:0;grid-template-columns:max-content minmax(0,1fr);gap:8px;min-width:0;padding:5px 0;font-size:13px;display:grid}.admin-table td:before{content:attr(data-label);color:#6b7075;font-size:11px;font-weight:700}.admin-table td:first-child{grid-row:1/span 4;align-items:flex-start;padding:5px 0;display:flex}.admin-table td:first-child:before{display:none}.admin-table td:nth-child(2),.admin-table td:nth-child(3),.admin-table td:nth-child(4),.admin-table td:nth-child(5){grid-column:2}.admin-table td:nth-child(4),.admin-table td:nth-child(5){align-items:center;gap:8px;display:flex}.admin-table td:last-child{border-top:1px solid #eceeef;grid-column:1/-1;justify-content:flex-end;margin-top:7px;padding-top:10px;display:flex}.admin-table td:last-child:before{display:none}.admin-table .admin-thumb{width:60px;height:75px}.title-cell{overflow-wrap:anywhere;min-width:0;font-weight:700}.url-cell{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word;color:#656b70;max-width:none;overflow:visible}.table-actions{vertical-align:middle;justify-content:flex-end;display:flex}.form-panel{padding:16px}.login-shell{place-items:start center;padding:14px 12px 84px}.login-panel{padding:20px 16px}.login-panel>p{margin-bottom:18px}.manager-primary-actions{width:100%;margin-top:12px}.manager-primary-actions button{width:100%;min-height:44px;padding:8px 10px}.database-row-name{min-height:42px;padding:9px 10px;font-size:13px}.database-row-actions button{min-height:44px;padding:8px 5px;font-size:11px}.manager-operation-head{margin-bottom:14px}.manager-operation-head h2{font-size:16px}.selected-database{overflow-wrap:anywhere;word-break:break-word}.form-actions{flex-wrap:wrap}.account-settings{grid-template-columns:1fr}.admin-language-switch{bottom:10px;right:10px}}