:root{--bg:#f5f3ef;--ink:#181715;--muted:#77736d;--line:#ddd9d1;--dark:#201e1b;--accent:#9b6a3c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;display:flex;min-height:100vh}aside{width:230px;background:var(--dark);color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:5px;position:fixed;height:100vh}.admin-brand{font-weight:800;letter-spacing:.18em;margin:5px 10px 35px}.admin-brand span{display:block;font-weight:400;opacity:.4;font-size:10px;letter-spacing:.28em;margin-top:4px}aside a{color:#aaa;text-decoration:none;padding:12px;border-radius:8px;font-size:13px}aside a.active,aside a:hover{background:#ffffff12;color:#fff}aside a:nth-last-child(2){margin-top:auto}main{margin-left:230px;padding:45px 5vw;width:calc(100% - 230px)}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.top small{font-size:10px;letter-spacing:.2em;color:#999}.top h1{font-size:42px;margin:7px 0}.top a{color:#777}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stats>div,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.stats small{display:block;color:#999;font-size:10px;letter-spacing:.12em}.stats b{display:block;font-size:29px;margin-top:10px}.btn{display:inline-block;border:0;background:var(--dark);color:#fff;padding:13px 18px;border-radius:8px;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:#eee;color:#222}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px 10px;border-bottom:1px solid var(--line);font-size:13px}td small{display:block;color:#999;margin-top:5px}.actions{white-space:nowrap;text-align:right}.actions a{margin-left:12px;color:#555}.danger{color:#b44!important}.pill{padding:6px 9px;border-radius:99px;font-size:10px}.pill.ok{background:#e8efe4;color:#3e6338}.pill.off{background:#eee;color:#888}.form-panel{max-width:750px}.form-panel form,.login form{display:grid;gap:14px}label{font-size:12px;color:#666}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:8px;padding:13px;background:#fff;font:inherit}textarea{min-height:110px;resize:vertical}.two,.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.error{background:#f8e5e2;color:#963f32;padding:12px;border-radius:8px;font-size:13px}.login{display:grid;place-items:center;width:100%;background:#201e1b}.login form{background:#fff;padding:40px;border-radius:16px;width:min(420px,90vw)}.login .admin-brand{color:#222;margin:0 0 10px}.login h1{font-size:32px;margin:0 0 15px}.login small{color:#999}.two-cols{align-items:start}@media(max-width:800px){aside{position:static;width:100%;height:auto;display:block}aside a{display:inline-block}.admin-brand{margin-bottom:15px}body{display:block}main{margin:0;width:100%;padding:25px}.stats{grid-template-columns:1fr 1fr}.two,.two-cols{grid-template-columns:1fr}}
.kitchen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.kitchen-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.k-head{display:flex;justify-content:space-between;font-size:18px;border-bottom:1px solid var(--line);padding-bottom:15px}.k-head span{color:#999}.k-item{padding:14px 0;border-bottom:1px solid #eee}.k-item small{display:block;color:#999;margin-top:5px}.k-actions{margin-top:18px}.qr-list{display:grid;gap:10px}.qr-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:12px;border-radius:8px}
.login-sub{color:#888;font-size:13px;line-height:1.5}.security-banner{background:#201e1b;color:#fff;border-radius:12px;padding:16px 20px;margin-bottom:20px;font-size:13px}.security-banner small{color:#aaa}.security-note{background:#f5f3ef;border-radius:9px;padding:13px;margin-top:18px;color:#777;font-size:11px;line-height:1.6}.muted{color:#999}
.subhead{color:#888;font-size:13px;margin-top:8px}.option-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.panel-head h2{margin:0}.panel-head p,.note-control p{color:#888;font-size:12px;line-height:1.5}.note-control{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.option-form{display:grid;gap:14px}.option-form .two{gap:14px}.option-check{display:flex;align-items:center;gap:8px;padding:13px;border:1px solid var(--line);border-radius:8px}.option-check input{width:auto;margin:0}.switch{display:flex;align-items:center;gap:10px;cursor:pointer}.switch input{display:none}.switch span{width:48px;height:26px;border-radius:99px;background:#d9d4cc;position:relative;transition:.2s}.switch span:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0002}.switch input:checked+span{background:#2f6b3b}.switch input:checked+span:after{left:25px}.option-admin-group{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;overflow:hidden}.group-title{display:flex;justify-content:space-between;background:#f6f3ee;padding:12px 14px;font-size:12px}.group-title small{color:#999}.admin-option-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px 14px;border-top:1px solid #eee}.admin-option-row small{display:block;color:#999;font-size:10px;margin-top:4px}.admin-option-row .actions{white-space:nowrap}.admin-option-row .actions a{margin-left:10px;font-size:11px}.empty-admin{padding:40px 10px;text-align:center;color:#999}.option-manager-hint{font-size:11px;color:#8b837a;background:#f6f3ee;border-radius:8px;padding:12px}.option-manager-hint b{color:#4d443b}@media(max-width:900px){.option-layout{grid-template-columns:1fr}}@media(max-width:600px){.admin-option-row{grid-template-columns:1fr auto}.admin-option-row .actions{grid-column:1/-1;text-align:left}.note-control{align-items:flex-start;gap:15px}}
.customer-admin b{font-size:14px}.order-card-admin .k-actions{margin-top:16px}.order-card-admin .k-actions .btn{width:100%;text-align:center}.product-editor-grid{margin-bottom:30px}.image-position-panel .panel-head p{max-width:360px}.success-admin{background:#e6efe3;color:#3f6338;padding:12px;border-radius:8px;margin-bottom:15px}

/* ORDER ADMIN CARDS */
.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;align-items:start}
.order-card-admin{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}
.order-admin-head{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}
.order-admin-head>div{display:flex;align-items:baseline;gap:10px;min-width:0}
.order-admin-head b{font-size:22px;white-space:nowrap}.order-admin-head span{color:#999;font-size:13px}
.customer-admin{display:flex;flex-direction:column;gap:4px;margin-bottom:15px}.customer-admin b{font-size:16px}.customer-admin small{font-size:11px;color:#999}
.admin-items{display:grid;gap:10px;margin:12px 0 15px}.admin-items>div{padding-bottom:10px;border-bottom:1px solid #eee}.admin-items b{display:block;font-size:14px}.admin-items small{display:block;color:#888;font-size:11px;line-height:1.5;margin-top:4px}
.order-admin-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:15px}.order-admin-foot strong{font-size:20px}.order-admin-foot a{font-size:12px;color:#7a5a3d}
.payment-chip{display:inline-flex;align-items:center;gap:5px;background:#f5f1ea;border-radius:99px;padding:6px 10px;font-size:11px;color:#655b52;margin:12px 0 2px}.k-head>div{display:flex;flex-direction:column;gap:4px}.k-head>div small{font-size:13px;color:#777}
@media(max-width:700px){.order-grid{grid-template-columns:1fr}.order-card-admin{padding:18px}}

/* V6.2 consistency fixes */
aside{z-index:20;overflow-y:auto;overflow-x:hidden;flex-shrink:0}aside a{display:block}aside a:nth-last-child(2){margin-top:auto}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;align-items:start}.order-card-admin{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0;overflow:hidden}.order-admin-head,.order-admin-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.order-admin-head div{display:flex;gap:10px;align-items:center}.order-admin-head div span{color:#999;font-size:11px}.customer-admin{display:grid;gap:4px;padding:15px 0}.customer-admin small{color:#999;font-size:10px}.admin-items{border-top:1px solid #eee;border-bottom:1px solid #eee}.admin-items>div{padding:12px 0;min-width:0}.admin-items small{display:block;color:#999;font-size:10px;margin-top:4px;line-height:1.5;overflow-wrap:anywhere}.order-admin-foot{padding-top:14px}.order-admin-foot>a{font-size:11px;color:#777}.order-card-admin .k-actions{margin-top:16px}.order-card-admin .k-actions .btn{width:100%;text-align:center}.payment-chip{display:inline-block;background:#f2ece3;color:#6d5d4c;padding:5px 8px;border-radius:99px;font-size:10px;margin-top:12px}.subhead{color:#888;font-size:13px}.product-editor-grid{display:grid;grid-template-columns:1fr .8fr;gap:20px;align-items:start}.image-position-panel{position:sticky;top:20px}.crop-preview{height:380px;border-radius:14px;background:#ddd0c0;overflow:hidden;position:relative;cursor:grab;touch-action:none}.crop-preview:active{cursor:grabbing}.crop-preview img{width:100%;height:100%;object-fit:cover;object-position:var(--px) var(--py);user-select:none;pointer-events:none}.crop-empty{height:100%;display:grid;place-items:center;text-align:center;color:#8e8377;font-size:13px}.position-readout{display:flex;gap:18px;align-items:center;margin:12px 0;color:#777;font-size:11px}.position-readout span{flex:1}.position-readout button{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:7px;cursor:pointer}.option-manager-hint{font-size:11px;color:#8b837a;background:#f6f3ee;border-radius:8px;padding:12px}.option-manager-hint b{color:#4d443b}@media(max-width:800px){aside{position:static;width:100%;height:auto;display:block}aside a{display:inline-block}body{display:block}main{margin:0;width:100%;padding:25px}.product-editor-grid{grid-template-columns:1fr}.image-position-panel{position:static}.order-grid{grid-template-columns:1fr}}@media(max-width:600px){.two{grid-template-columns:1fr}.order-admin-head,.order-admin-foot{align-items:flex-start;flex-direction:column}}

/* ADMIN RESPONSIVE V7 */
.mobile-nav-toggle{display:none}
@media(max-width:900px){
 body{overflow-x:hidden}.mobile-nav-toggle{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:100;width:100%;border:0;background:#201e1b;color:#fff;padding:13px 16px;font-weight:800;cursor:pointer}.admin-sidebar{position:sticky!important;top:0!important;width:100%!important;height:auto!important;z-index:90!important;padding:0!important;display:block!important;overflow:visible!important;background:#201e1b!important}.admin-sidebar .admin-brand{padding:14px 16px;margin:0!important}.admin-sidebar>a{display:none!important;padding:12px 16px!important;margin:0!important;border-top:1px solid #ffffff10;font-size:12px}.admin-sidebar.mobile-open>a{display:block!important}.admin-sidebar.mobile-open{box-shadow:0 15px 35px #0003}.admin-sidebar.mobile-open .admin-brand{display:none}.admin-sidebar>a:nth-last-child(2){margin-top:0!important}.admin-sidebar a.active{background:#ffffff12!important;color:#fff!important}
 main{margin:0!important;width:100%!important;padding:22px 16px 45px!important}.top{gap:15px;align-items:flex-start;margin-bottom:24px}.top h1{font-size:34px}.top .btn{white-space:nowrap}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats>div,.panel{padding:18px;border-radius:12px}.stats b{font-size:23px}.two-cols,.two{grid-template-columns:1fr}.table-wrap{margin:0 -1px}.table-wrap table{min-width:600px}.order-grid{grid-template-columns:1fr!important}.order-card-admin{padding:17px}.kitchen-grid{grid-template-columns:1fr}.qr-row{gap:10px;align-items:flex-start}.qr-row .btn{white-space:nowrap}.product-editor-grid,.option-layout{grid-template-columns:1fr!important}.image-position-panel{position:static!important}.crop-preview{height:min(80vw,360px)}.option-admin-group{overflow:hidden}.admin-option-row{grid-template-columns:1fr auto}.admin-option-row .actions{grid-column:1/-1;text-align:left;white-space:normal}.admin-option-row .actions a{margin:0 12px 0 0}.note-control{flex-direction:column;align-items:flex-start;gap:15px}.top> a{font-size:12px}
}
@media(max-width:520px){.top{display:block}.top>a{display:inline-block;margin-top:10px}.stats b{font-size:20px}.stats small{font-size:8px}.btn{padding:11px 13px;font-size:12px}.panel h2{font-size:20px}.form-panel label,input,textarea,select{font-size:16px}.staff-row{grid-template-columns:1fr}.staff-row .actions{text-align:left}.k-head{font-size:15px}.k-item b{font-size:13px}.k-actions .btn{width:100%;text-align:center}.qr-row{flex-direction:column}.qr-row .btn{width:100%;text-align:center}.option-form .two{grid-template-columns:1fr}.login form{padding:28px 20px}.login{min-height:100dvh}
}

.product-picker{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0 18px}.picker-head{display:flex;justify-content:space-between;padding:5px 3px 10px}.picker-head small{color:#999}.picker-search input{width:100%;margin-bottom:8px}.pick-product{display:flex!important;align-items:center;gap:10px;padding:9px!important;border-top:1px solid #eee;cursor:pointer}.pick-product input{width:auto;margin:0}.pick-product span{display:flex;justify-content:space-between;flex:1}.pick-product small{color:#999}.campaign-row{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:14px;margin-bottom:9px}.campaign-row small{display:block;color:#999;font-size:10px;margin-top:5px}.campaign-row .actions a{margin-left:9px;font-size:11px}.link-button{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;font-size:11px;margin-left:9px}.gift-stats{margin-bottom:20px}.modal-admin{position:fixed;inset:0;background:#0008;display:none;place-items:center;z-index:50;padding:20px}.modal-admin.open{display:grid}.modal-admin-card{background:#fff;color:#17130f;max-width:520px;width:100%;padding:30px;border-radius:16px;position:relative;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.deliver-form{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.deliver-form .btn{margin-top:5px}.two-pay del{color:#aaa}@media(max-width:700px){.campaign-row{grid-template-columns:1fr}.campaign-row .actions{display:flex;flex-wrap:wrap;gap:10px}.campaign-row .actions a{margin:0}}
.image-fit-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.image-fit-tabs button{border:1px solid var(--line);background:#fff;padding:11px 8px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:700}.image-fit-tabs button.active{background:#211b16;color:#fff;border-color:#211b16}.crop-preview{background:repeating-conic-gradient(#eee 0 25%,#e4e4e4 0 50%) 50%/18px 18px;}.crop-preview img{object-fit:var(--image-fit,cover);object-position:var(--image-pos-x,50%) var(--image-pos-y,50%)}.crop-preview.drag-disabled{cursor:default}.drag-hint{position:absolute;right:12px;bottom:12px;background:#211b16dd;color:#fff;padding:7px 9px;border-radius:999px;font-size:10px;pointer-events:none}.drag-disabled .drag-hint{display:none}.crop-actions{display:flex;align-items:center;gap:12px;margin:12px 0}.crop-actions button{border:1px solid var(--line);background:#fff;padding:8px 11px;border-radius:7px;cursor:pointer}.crop-actions span{font-size:11px;color:#888;line-height:1.4}.campaign-price-cell del{display:block;color:#aaa;font-size:11px}.campaign-price-cell .sale-price{color:#9b5b38;font-weight:800}.campaign-mini-badge{display:inline-block;background:#9b5b38;color:#fff;padding:4px 7px;border-radius:99px;font-size:9px;font-weight:800;margin-left:7px}.cancel-box{background:#fff4f1;border:1px solid #efd1c9;border-radius:10px;padding:13px;margin-top:12px}.cancel-box select,.cancel-box input{width:100%;padding:10px;border:1px solid #e5d0c8;border-radius:7px;background:#fff;margin-top:6px}.cancel-box button{margin-top:9px}.status-cancelled{background:#f4dddd!important;color:#9b3f3f!important}.campaign-expired{background:#eee!important;color:#999!important}.campaign-row.expired{opacity:.65}@media(max-width:600px){.image-fit-tabs{grid-template-columns:1fr 1fr}.crop-actions{align-items:flex-start;flex-direction:column}}
body{opacity:1;transition:opacity .9s ease,transform .9s ease}body.page-leave{opacity:0;transform:translateY(8px)}
.badge-admin-layout{align-items:start}.badge-preview-panel{margin:18px 0;padding:14px;background:#f6f2eb;border-radius:12px}.badge-fit-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.badge-fit-tabs button{border:1px solid var(--line);background:#fff;padding:8px;border-radius:7px;font-size:10px;font-weight:700;cursor:pointer}.badge-fit-tabs button.active{background:#211b16;color:#fff}.badge-preview{height:210px;background:repeating-conic-gradient(#eee 0 25%,#e4e4e4 0 50%) 50%/18px 18px;border-radius:10px;position:relative;overflow:hidden;display:grid;place-items:center;touch-action:none;cursor:grab}.badge-preview img{width:100%;height:100%;object-fit:var(--badge-fit,contain);object-position:var(--badge-x,50%) var(--badge-y,50%);user-select:none;pointer-events:none}.badge-preview>span{color:#999;font-size:12px}.badge-preview i{position:absolute;right:9px;bottom:9px;background:#211b16dd;color:#fff;border-radius:99px;padding:5px 8px;font-size:9px;font-style:normal}.badge-admin-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.badge-admin-icon{width:58px;height:58px;border-radius:12px;background:#f2eadf;overflow:hidden;display:grid;place-items:center;position:relative}.badge-admin-icon img{width:100%;height:100%;object-fit:var(--badge-fit,contain);object-position:var(--badge-x,50%) var(--badge-y,50%)}.badge-admin-icon span{font-size:24px}.badge-admin-row b,.badge-admin-row small{display:block}.badge-admin-row small{font-size:10px;color:#999;margin-top:4px;line-height:1.4}.assignment-list{margin-top:20px}.assignment-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid #eee;font-size:11px}.assignment-list form{margin:0}.link-button{border:0;background:none;text-decoration:underline;cursor:pointer;font:inherit}.danger{color:#a24a43!important}@media(max-width:700px){.badge-fit-tabs{grid-template-columns:1fr 1fr}.badge-admin-row{grid-template-columns:50px 1fr}.badge-admin-row .actions{grid-column:2}.badge-admin-icon{width:50px;height:50px}}

/* V12 admin interaction polish */
.cancel-box{background:linear-gradient(180deg,#fff8f5,#fff2ee);border:1px solid #ead0c7;border-radius:14px;padding:16px;margin-top:15px;box-shadow:0 8px 24px rgba(92,47,30,.05)}
.cancel-box>b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8b5a4b;margin-bottom:9px}
.cancel-box form{display:grid;gap:8px}
.cancel-box select,.cancel-box input{width:100%;padding:12px 13px;border:1px solid #dfc9c0;border-radius:10px;background:#fff;font-size:13px}
.cancel-box .btn.secondary{background:#211b16;color:#fff;border:0;border-radius:10px;padding:12px 15px}
.cancel-box .btn.secondary:hover{transform:translateY(-1px)}
.modal-admin-card{box-shadow:0 28px 80px rgba(24,18,13,.25)}
.modal-admin-card h2{font-size:30px;letter-spacing:-.04em;margin:0 0 20px}
.modal-admin-card .btn{border-radius:10px}
.deliver-form .btn.secondary{background:#f0ece6;color:#211b16}
.order-card-admin .k-actions .btn{border-radius:10px}
@media(max-width:600px){.cancel-box{padding:13px}.cancel-box .btn.secondary{width:100%}}

/* V14.2 modern admin controls */
.btn,.link-button,.actions a,.top>a,.image-fit-tabs button,.scale-presets button,.crop-actions button{border-radius:12px!important;border:1px solid #ded8cf!important;background:#fff!important;color:#292620!important;font-weight:800!important;padding:11px 15px!important;line-height:1.1;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important}
.btn,button.btn{background:#211e1b!important;border-color:#211e1b!important;color:#fff!important}.btn:hover,.link-button:hover,.actions a:hover,.top>a:hover,.image-fit-tabs button:hover,.scale-presets button:hover,.crop-actions button:hover{transform:translateY(-1px);border-color:#bda78f!important;box-shadow:0 8px 22px rgba(45,35,25,.10)}.btn.secondary{background:#f3eee7!important;border-color:#e1d8cc!important;color:#211e1b!important}
.image-fit-tabs{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 14px}.image-fit-tabs button.active{background:#211e1b!important;border-color:#211e1b!important;color:#fff!important;box-shadow:0 8px 22px rgba(45,35,25,.14)}
.scale-control{background:linear-gradient(180deg,#faf8f4,#f5f0e9)!important;border:1px solid #e2dbd1!important;border-radius:16px!important;padding:16px!important}.scale-control input[type=range]{height:6px!important;accent-color:#211e1b!important}.scale-presets{display:flex!important;flex-wrap:wrap;gap:8px!important;margin-top:10px!important}.scale-presets button{min-width:58px;padding:8px 11px!important;font-size:11px!important}.crop-actions{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px!important}.crop-actions span{color:#837a70;font-size:11px}.link-button{cursor:pointer!important}

.scale-control .scale-presets button{appearance:none!important;border:1px solid var(--line)!important;background:#fffdf8!important;color:var(--ink)!important;border-radius:999px!important;padding:8px 12px!important;font-weight:800!important;box-shadow:none!important}.scale-control .scale-presets button:hover{background:#f3ece3!important;border-color:#bda78f!important;transform:translateY(-1px)}

/* V14.4 crop editor controls */
.image-fit-tabs button,.scale-presets button,.crop-actions button{font:inherit;border:1px solid var(--line);background:#fffdf8;color:#211b16;border-radius:999px;padding:10px 13px;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease;box-shadow:none;}
.image-fit-tabs button:hover,.scale-presets button:hover,.crop-actions button:hover{background:#f4ede4;border-color:#c9b6a0;transform:translateY(-1px);}
.image-fit-tabs button.active{background:#211b16;color:#fff;border-color:#211b16;}
.crop-preview{isolation:isolate;touch-action:none;user-select:none;}
.crop-preview img{width:100%!important;height:100%!important;display:block!important;object-fit:var(--image-fit,cover)!important;object-position:var(--image-pos-x,50%) var(--image-pos-y,50%)!important;transform:scale(var(--image-scale,1))!important;transform-origin:center center!important;pointer-events:none!important;user-select:none!important;}
.scale-control input[type=range]{height:6px;margin:8px 0 4px;accent-color:#211b16;}
.scale-presets button.active{background:#211b16;color:#fff;border-color:#211b16;}