@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=DM+Sans:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=DM+Sans:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=DM+Sans:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=DM+Sans:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}.auth-container{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}.auth-bg{pointer-events:none;background:radial-gradient(60% 50% at 70% 20%,#d4af7814 0%,#0000 60%),radial-gradient(40% 60% at 20% 80%,#b48c5a0d 0%,#0000 50%);position:absolute;inset:0}.auth-card{background:#111;border:1px solid #ffffff0f;border-radius:4px;width:100%;max-width:420px;padding:48px 40px;animation:.5s cubic-bezier(.16,1,.3,1) both cardIn;position:relative}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#d4af7880,#0000);height:1px;position:absolute;top:0;left:40px;right:40px}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-brand{align-items:center;gap:10px;margin-bottom:40px;display:flex}.auth-brand-icon{color:#d4af78;font-size:20px}.auth-brand-name{letter-spacing:.3em;color:#fff6;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500}.auth-header{margin-bottom:32px}.auth-header h1{color:#f0ece4;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:300;line-height:1.1}.auth-header p{color:#ffffff4d;font-size:13px;font-weight:300}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field label{letter-spacing:.1em;color:#ffffff59;text-transform:uppercase;font-size:11px;font-weight:500}.auth-field input{color:#f0ece4;background:#ffffff08;border:1px solid #ffffff14;border-radius:3px;outline:none;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:300;transition:border-color .2s,background .2s}.auth-field input::placeholder{color:#ffffff26}.auth-field input:focus{background:#d4af7808;border-color:#d4af7866}.auth-error{color:#e07070;background:#e0707014;border:1px solid #e0707026;border-radius:3px;padding:10px 12px;font-size:12px}.auth-btn{color:#0a0a0a;letter-spacing:.05em;cursor:pointer;background:#d4af78;border:none;border-radius:3px;margin-top:4px;padding:13px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .2s,transform .1s}.auth-btn:hover:not(:disabled){opacity:.9}.auth-btn:active:not(:disabled){transform:scale(.99)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{color:#ffffff40;justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:13px;display:flex}.auth-switch-btn{color:#d4af78;cursor:pointer;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:13px;transition:opacity .2s}.auth-switch-btn:hover{opacity:.7}.pp-root{color:#f0ece4;background:#0a0a0a;min-height:100vh;font-family:DM Sans,sans-serif}.pp-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ae6;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.pp-header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1300px;margin:0 auto;padding:16px 32px;display:flex}.pp-brand{letter-spacing:.25em;color:#fff6;white-space:nowrap;font-size:12px;font-weight:500}.pp-search{color:#f0ece4;background:#ffffff0a;border:1px solid #ffffff14;border-radius:3px;outline:none;flex:1;max-width:400px;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s}.pp-search::placeholder{color:#fff3}.pp-search:focus{border-color:#d4af7866}.pp-main{grid-template-columns:180px 1fr;gap:48px;max-width:1300px;margin:0 auto;padding:40px 32px;display:grid}.pp-sidebar{height:fit-content;position:sticky;top:80px}.pp-sidebar-title{letter-spacing:.2em;text-transform:uppercase;color:#ffffff40;margin-bottom:16px;font-size:10px;font-weight:500}.pp-cat-btn{text-align:left;color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:3px;width:100%;margin-bottom:2px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:300;transition:color .2s,background .2s;display:block}.pp-cat-btn:hover{color:#f0ece4;background:#ffffff0a}.pp-cat-btn.active{color:#d4af78;background:#d4af7814}.pp-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.pp-loading,.pp-empty{color:#ffffff4d;padding:60px 0;font-size:14px}.pp-card{cursor:pointer;background:#111;border:1px solid #ffffff0f;border-radius:4px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s;animation:.4s cubic-bezier(.16,1,.3,1) both fadeUp;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pp-card:hover{border-color:#d4af7833;transform:translateY(-4px)}.pp-card-img{aspect-ratio:4/3;background:#1a1a1a;position:relative;overflow:hidden}.pp-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.pp-card:hover .pp-card-img img{transform:scale(1.04)}.pp-card-img-placeholder{color:#ffffff1a;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex}.pp-card-cat{letter-spacing:.12em;text-transform:uppercase;color:#d4af78;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0acc;border-radius:2px;padding:3px 8px;font-size:10px;font-weight:500;position:absolute;top:10px;left:10px}.pp-card-body{padding:16px}.pp-card-body h3{color:#f0ece4;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:400}.pp-card-body p{color:#ffffff59;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:12px;font-weight:300;line-height:1.5;display:-webkit-box;overflow:hidden}.pp-card-footer{justify-content:space-between;align-items:center;display:flex}.pp-price{color:#d4af78;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600}.pp-price.large{font-size:28px}.pp-stock{color:#ffffff40;font-size:11px}.pp-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pp-modal{background:#111;border:1px solid #ffffff14;border-radius:4px;grid-template-columns:1fr 1fr;width:100%;max-width:680px;animation:.3s cubic-bezier(.16,1,.3,1) both modalIn;display:grid;position:relative;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pp-modal-close{color:#fff6;cursor:pointer;z-index:1;background:#ffffff0f;border:none;border-radius:50%;width:30px;height:30px;font-size:12px;transition:background .2s,color .2s;position:absolute;top:14px;right:14px}.pp-modal-close:hover{color:#f0ece4;background:#ffffff1a}.pp-modal-img{aspect-ratio:1;background:#1a1a1a;overflow:hidden}.pp-modal-img img{object-fit:cover;width:100%;height:100%}.pp-modal-body{flex-direction:column;gap:12px;padding:32px 28px;display:flex}.pp-modal-cat{letter-spacing:.15em;text-transform:uppercase;color:#d4af78;font-size:10px;font-weight:500}.pp-modal-body h2{color:#f0ece4;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:400;line-height:1.2}.pp-modal-body p{color:#ffffff73;flex:1;font-size:13px;font-weight:300;line-height:1.6}.pp-modal-footer{justify-content:space-between;align-items:flex-end;display:flex}.pp-add-btn{color:#0a0a0a;letter-spacing:.05em;cursor:pointer;background:#d4af78;border:none;border-radius:3px;width:100%;margin-top:4px;padding:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .2s}.pp-add-btn:hover:not(:disabled){opacity:.85}.pp-add-btn:disabled{opacity:.35;cursor:not-allowed}@media (width<=768px){.pp-main{grid-template-columns:1fr;padding:24px 16px}.pp-sidebar{flex-wrap:wrap;gap:8px;display:flex;position:static}.pp-cat-btn{width:auto}.pp-modal{grid-template-columns:1fr}.pp-modal-img{aspect-ratio:16/9}}button{font-family:DM Sans,sans-serif}.pp-cart-btn{color:#f0ece4;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:3px;padding:8px 14px;font-size:16px;transition:border-color .2s;position:relative}.pp-cart-btn:hover{border-color:#d4af7866}.pp-cart-count{color:#0a0a0a;background:#d4af78;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.pp-quantity{align-items:center;gap:16px;margin-top:4px;display:flex}.pp-qty-btn{color:#f0ece4;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.pp-qty-btn:hover:not(:disabled){color:#d4af78;border-color:#d4af7866}.pp-qty-btn:disabled{opacity:.3;cursor:not-allowed}.pp-qty-value{color:#f0ece4;text-align:center;min-width:24px;font-family:Cormorant Garamond,serif;font-size:22px}.cp-root{color:#f0ece4;background:#0a0a0a;min-height:100vh;font-family:DM Sans,sans-serif}.cp-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ae6;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.cp-header-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:16px 32px;display:flex}.cp-back{color:#fff6;cursor:pointer;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:13px;transition:color .2s}.cp-back:hover{color:#f0ece4}.cp-brand{letter-spacing:.25em;color:#ffffff4d;font-size:12px;font-weight:500}.cp-main{grid-template-columns:1fr 340px;align-items:start;gap:48px;max-width:1100px;margin:0 auto;padding:48px 32px;display:grid}.cp-title-row{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.cp-title-row h1{color:#f0ece4;font-family:Cormorant Garamond,serif;font-size:40px;font-weight:300}.cp-clear{color:#ffffff4d;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:3px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .2s}.cp-clear:hover{color:#ff646499;border-color:#ff64644d}.cp-empty{color:#fff3;flex-direction:column;align-items:center;gap:16px;padding:80px 0;display:flex}.cp-empty span{font-size:40px}.cp-empty p{font-size:14px;font-weight:300}.cp-empty button{color:#0a0a0a;cursor:pointer;background:#d4af78;border:none;border-radius:3px;margin-top:8px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .2s}.cp-empty button:hover{opacity:.85}.cp-items{flex-direction:column;gap:1px;display:flex}.cp-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 0;animation:.3s cubic-bezier(.16,1,.3,1) both fadeUp;display:flex}.cp-item-info h3{color:#f0ece4;margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:400}.cp-item-info p{color:#ffffff4d;font-size:13px;font-weight:300}.cp-item-right{align-items:center;gap:20px;display:flex}.cp-item-total{color:#d4af78;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600}.cp-remove{color:#ffffff40;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:all .2s;display:flex}.cp-remove:hover{color:#ff646499;border-color:#ff64644d}.cp-summary{background:#111;border:1px solid #ffffff0f;border-radius:4px;padding:28px;position:sticky;top:80px}.cp-summary h2{color:#f0ece4;margin-bottom:24px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:400}.cp-summary-row{color:#fff6;justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:300;display:flex}.cp-summary-row.total{color:#f0ece4;margin-bottom:0;font-size:16px;font-weight:500}.cp-summary-divider{border:none;border-top:1px solid #ffffff0f;margin:16px 0}.cp-checkout-btn{color:#0a0a0a;letter-spacing:.05em;cursor:pointer;background:#d4af78;border:none;border-radius:3px;width:100%;margin-top:20px;padding:13px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .2s}.cp-checkout-btn:hover{opacity:.85}@media (width<=768px){.cp-main{grid-template-columns:1fr;padding:24px 16px}.cp-summary{position:static}}.pay-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;background:#000c;justify-content:center;align-items:center;padding:24px;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.pay-modal{background:#111;border:1px solid #ffffff14;border-radius:4px;width:100%;max-width:440px;padding:36px;animation:.3s cubic-bezier(.16,1,.3,1) both modalIn;position:relative}.pay-close{color:#fff6;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.pay-close:hover{color:#f0ece4;background:#ffffff1a}.pay-header{margin-bottom:24px}.pay-header h2{color:#f0ece4;margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:300}.pay-header p{color:#ffffff4d;font-size:13px}.pay-header strong{color:#d4af78}.pay-card-preview{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:100px;margin-bottom:24px;padding:20px;display:flex}.pay-card-chip{color:#d4af78;margin-bottom:12px;font-size:24px}.pay-card-number{letter-spacing:.1em;color:#fffc;margin-bottom:12px;font-family:Courier New,monospace;font-size:15px}.pay-card-bottom{letter-spacing:.08em;color:#ffffff80;text-transform:uppercase;justify-content:space-between;font-size:11px;font-weight:500;display:flex}.pay-form{flex-direction:column;gap:16px;display:flex}.pay-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pay-field{flex-direction:column;gap:6px;display:flex}.pay-field label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;font-size:11px;font-weight:500}.pay-field input{color:#f0ece4;background:#ffffff08;border:1px solid #ffffff14;border-radius:3px;outline:none;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s}.pay-field input::placeholder{color:#ffffff26}.pay-field input:focus{border-color:#d4af7866}.pay-btn{color:#0a0a0a;letter-spacing:.05em;cursor:pointer;background:#d4af78;border:none;border-radius:3px;width:100%;margin-top:4px;padding:13px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .2s}.pay-btn:hover{opacity:.85}.pay-processing{color:#fff6;flex-direction:column;align-items:center;gap:20px;padding:40px 0;font-size:14px;display:flex}.pay-spinner{border:2px solid #ffffff1a;border-top-color:#d4af78;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pay-success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 0;display:flex}.pay-check{color:#5a8a5a;background:#5a8a5a26;border:1px solid #5a8a5a4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.pay-success h2{color:#f0ece4;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:300}.pay-success p{color:#ffffff4d;font-size:13px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.ap-root{color:#f0ece4;background:#0a0a0a;grid-template-columns:220px 1fr;min-height:100vh;font-family:DM Sans,sans-serif;display:grid}.ap-sidebar{background:#0d0d0d;border-right:1px solid #ffffff0f;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.ap-brand{letter-spacing:.25em;color:#d4af78;margin-bottom:40px;font-size:12px;font-weight:500}.ap-nav{flex-direction:column;flex:1;gap:4px;display:flex}.ap-nav button{text-align:left;color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:300;transition:all .2s}.ap-nav button:hover{color:#f0ece4;background:#ffffff0a}.ap-nav button.active{color:#d4af78;background:#d4af7814}.ap-user{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;padding-top:20px;display:flex}.ap-user p{color:#ffffff4d;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:12px;overflow:hidden}.ap-user button{color:#ffffff59;cursor:pointer;text-align:left;background:0 0;border:1px solid #ffffff14;border-radius:3px;padding:7px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .2s}.ap-user button:hover{color:#f0ece4;border-color:#ffffff26}.ap-main{padding:40px 48px;overflow-y:auto}.ap-section-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.ap-section-header h1{color:#f0ece4;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:300}.ap-section-header h1 span{color:#ffffff40;margin-left:10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:300}.ap-btn-primary{color:#0a0a0a;cursor:pointer;white-space:nowrap;background:#d4af78;border:none;border-radius:3px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .2s}.ap-btn-primary:hover:not(:disabled){opacity:.85}.ap-btn-primary:disabled{opacity:.4;cursor:not-allowed}.ap-btn-edit{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:3px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .2s}.ap-btn-edit:hover{color:#d4af78;border-color:#d4af7866}.ap-btn-delete{color:#e0707080;cursor:pointer;background:#e070700d;border:1px solid #e070701a;border-radius:3px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .2s}.ap-btn-delete:hover{color:#e07070cc;background:#e070701a}.ap-table-wrap{border:1px solid #ffffff0f;border-radius:4px;overflow-x:auto}.ap-table{border-collapse:collapse;width:100%;font-size:13px}.ap-table thead tr{border-bottom:1px solid #ffffff0f}.ap-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:#ffffff40;padding:12px 16px;font-size:10px;font-weight:500}.ap-table td{color:#ffffffb3;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px}.ap-table tbody tr:last-child td{border-bottom:none}.ap-table tbody tr:hover td{background:#ffffff05}.ap-id{color:#fff3;font-size:12px}.ap-product-cell{align-items:center;gap:12px;display:flex}.ap-product-cell img{object-fit:cover;border:1px solid #ffffff0f;border-radius:3px;width:36px;height:36px}.ap-badge{color:#d4af78;background:#d4af781a;border-radius:2px;padding:3px 8px;font-size:11px}.ap-stock{color:#5a8a5a;font-weight:500}.ap-stock.low{color:#d4af78}.ap-stock.out{color:#e07070}.ap-desc{color:#ffffff4d;white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.ap-actions{gap:8px;display:flex}.ap-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.ap-modal{background:#111;border:1px solid #ffffff14;border-radius:4px;width:100%;max-width:560px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) both modalIn;overflow-y:auto}.ap-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 28px 0;display:flex}.ap-modal-header h2{color:#f0ece4;font-family:Cormorant Garamond,serif;font-size:24px;font-weight:400}.ap-modal-header button{color:#fff6;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:flex}.ap-modal-header button:hover{color:#f0ece4;background:#ffffff1a}.ap-form{flex-direction:column;gap:16px;padding:0 28px 28px;display:flex}.ap-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ap-field{flex-direction:column;gap:6px;display:flex}.ap-field label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;font-size:11px;font-weight:500}.ap-field input,.ap-field select,.ap-field textarea{color:#f0ece4;resize:vertical;background:#ffffff08;border:1px solid #ffffff14;border-radius:3px;outline:none;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s}.ap-field input::placeholder,.ap-field textarea::placeholder{color:#ffffff26}.ap-field input:focus,.ap-field select:focus,.ap-field textarea:focus{border-color:#d4af7866}.ap-field select option{background:#1a1a1a}.ap-img-preview{object-fit:cover;border:1px solid #ffffff0f;border-radius:3px;width:100%;height:140px;margin-top:8px}.ap-error{color:#e07070;background:#e0707014;border:1px solid #e0707026;border-radius:3px;padding:10px 12px;font-size:12px}.ap-form-footer{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.ap-form-footer button:first-child{color:#ffffff4d;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:3px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.ap-form-footer button:first-child:hover{color:#f0ece4;border-color:#fff3}@media (width<=768px){.ap-root{grid-template-columns:1fr}.ap-sidebar{flex-flow:wrap;gap:16px;height:auto;position:static}.ap-main{padding:24px 16px}.ap-form-row{grid-template-columns:1fr}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0;font-family:Arial,sans-serif}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}button{box-sizing:border-box;font-family:DM Sans,sans-serif}