:root{font-family:Tahoma,Arial,sans-serif;color:#18263e;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:disabled{opacity:.55;cursor:not-allowed}[data-theme=dark]{color:#e8edf8;background:#101723}.shell{display:flex;min-height:100vh}.sidebar{width:255px;flex-shrink:0;background:#fff;border-left:1px solid #e9edf4;display:flex;flex-direction:column;padding:25px 15px;min-height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 13px 35px}.brand-icon{background:#4f46e5;color:#fff;font-size:25px;font-weight:900;border-radius:13px;width:45px;height:45px;display:grid;place-items:center}.brand strong,.brand small{display:block}.brand strong{font-size:20px}.brand small{color:#8b95a8;font-size:12px;margin-top:4px}nav{display:grid;gap:6px}nav button{display:flex;align-items:center;gap:13px;width:100%;padding:14px 16px;background:transparent;border:0;border-radius:12px;color:#63718a;text-align:right;font-weight:600}nav button:hover,nav button.active{background:#eeedff;color:#4f46e5}.side-bottom{margin-top:auto;display:flex;align-items:center;gap:8px;padding:16px 8px;color:#8791a5;font-size:12px}.main{min-width:0;flex:1}.topbar{height:78px;background:#fff;border-bottom:1px solid #e9edf4;display:flex;align-items:center;justify-content:space-between;padding:0 35px}.top-start,.top-actions{display:flex;align-items:center;gap:18px}.top-start{color:#929db0;font-size:14px}.top-start b{color:#28364e}.top-actions a{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.top-actions button,.mobile-menu,.mobile-close{background:transparent;border:0;color:inherit}.content{max-width:1280px;margin:auto;padding:40px 36px}.eyebrow{color:#6055de;font-size:13px;font-weight:700}.heading h1{font-size:31px;margin:12px 0}.heading p{color:#8791a5;margin:0 0 28px}.security{display:flex;align-items:flex-start;gap:16px;padding:19px 22px;background:#f0efff;border:1px solid #dfdcff;border-radius:16px;color:#4338ca;margin-bottom:28px}.security p{margin:8px 0 0;font-size:13px;line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stats article,.panel{background:#fff;border:1px solid #e9edf4;border-radius:18px;padding:24px}.stats article{display:grid;grid-template-columns:1fr auto;gap:15px}.stats article>span{font-size:14px;color:#77839a}.stats article svg{color:#6c63e7}.stats article strong{font-size:30px}.stats article small{grid-column:1/-1;color:#a1aaba}.panel{margin-top:24px}.panel h2{font-size:20px;margin:0 0 20px}.steps{display:grid;gap:16px;color:#9099aa}.steps .done{color:#159269}.empty{text-align:center;padding:80px 25px;color:#8a95a8}.empty svg{color:#a5a0e9}.empty h2{color:#25334b;margin:20px 0 8px}.empty p{max-width:520px;margin:0 auto 22px;line-height:1.9}.empty button{border:0;background:#4f46e5;color:#fff;border-radius:10px;padding:13px 22px}.mobile-menu,.mobile-close,.backdrop{display:none}[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .stats article,[data-theme=dark] .panel{background:#192335;border-color:#29374b}[data-theme=dark] nav button{color:#aab6ca}[data-theme=dark] nav button.active,[data-theme=dark] nav button:hover{background:#30315b;color:#d9d5ff}[data-theme=dark] .security{background:#292747;border-color:#46406c;color:#d3cfff}[data-theme=dark] .top-start b,[data-theme=dark] .empty h2{color:#e8edf8}@media(max-width:850px){.sidebar{position:fixed;z-index:20;right:0;top:0;transform:translate(100%);transition:transform .25s;box-shadow:0 0 30px #0002}.sidebar.visible{transform:translate(0)}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0007;border:0;z-index:19}.mobile-menu,.mobile-close{display:block}.mobile-close{margin-right:auto}.topbar{padding:0 20px}.content{padding:30px 20px}.stats{grid-template-columns:1fr}}@media(max-width:450px){.top-start{font-size:12px}.top-actions{gap:8px}.top-actions a{font-size:12px}.heading h1{font-size:26px}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#eef0ff,#f7f9fc)}.login-card{width:min(100%,420px);background:#fff;border:1px solid #e6e9f2;border-radius:22px;padding:36px;box-shadow:0 18px 60px #242b4b12;display:flex;flex-direction:column;gap:13px}.login-card .brand-icon{margin:auto}.login-card h1{text-align:center;margin:6px 0 0;font-size:25px}.login-card p{text-align:center;color:#78859c;font-size:14px;margin:0 0 15px}.login-card label{font-size:14px;font-weight:700}.login-card input{padding:14px;border:1px solid #cfd5e2;border-radius:10px;font:inherit;background:transparent;color:inherit;outline-color:#4f46e5}.login-card button{border:0;border-radius:10px;background:#4f46e5;color:#fff;padding:14px;font-weight:700}.login-card small{text-align:center;color:#a0a7b6;line-height:1.7}.login-card .login-error{color:#b42318;margin:0}[data-theme=dark] .login-wrap{background:#101723}[data-theme=dark] .login-card{background:#192335;border-color:#29374b}.product-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700}.product-form input:not([type=checkbox]),.product-form textarea{width:100%;padding:12px;border:1px solid #cfd5e2;border-radius:10px;font:inherit;background:transparent;color:inherit}.product-form .wide,.product-form .check,.form-actions{grid-column:1/-1}.product-form .check{flex-direction:row;align-items:center}.form-actions{display:flex;gap:10px}.form-actions button,.row-actions button{border:0;background:#4f46e5;color:#fff;border-radius:9px;padding:11px 18px}.form-actions .secondary,.row-actions .danger{background:#eef0f5;color:#5a6375}.row-actions .danger{color:#b42318}.product-list{display:grid;gap:10px}.product-row{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px;border:1px solid #e6eaf1;border-radius:12px}.product-row strong,.product-row small{display:block}.product-row small{font-size:12px;color:#8791a5;margin-top:6px}.row-actions{display:flex;gap:7px}.form-error{color:#b42318}.form-success{color:#159269}.hint{color:#8791a5;font-size:13px;line-height:1.8}[data-theme=dark] .product-row{border-color:#29374b}@media(max-width:650px){.product-form{grid-template-columns:1fr}.product-row{flex-wrap:wrap}.product-row>div:first-child{flex:1 1 100%}}.product-thumb{width:64px;height:64px;object-fit:cover;border-radius:12px;flex-shrink:0}.product-thumb.placeholder{display:grid;place-items:center;background:#eeeefa;color:#7771c6}.upload-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;border-radius:9px;background:#e9e7ff;color:#4f46e5;padding:11px 18px;font-size:13px;font-weight:700;cursor:pointer}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-button:has(input:disabled){opacity:.5;cursor:not-allowed}.orders-head,.order-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.orders-head button{padding:9px 15px;border-radius:8px;border:1px solid #ccc;background:transparent;color:inherit}.orders-list{display:grid;gap:14px}.order-card{border:1px solid #dce1eb;border-radius:12px;padding:18px}.order-top small{display:block;margin-top:5px;color:#8490a1}.order-card p{line-height:1.8;margin:9px 0}.order-items{border-block:1px solid #e3e6ee;padding:12px 0;margin:12px 0;display:grid;gap:7px;font-size:14px}.status-select{display:flex;align-items:center;gap:12px;font-weight:600}.status-select select{padding:9px 12px;border-radius:8px;border:1px solid #ccd2de;background:transparent;color:inherit}[data-theme=dark] .order-card,[data-theme=dark] .order-items{border-color:#29374b}.admin-gallery{display:flex;gap:8px;flex-wrap:wrap;max-width:260px}.admin-gallery>div{width:62px;display:grid;gap:3px}.admin-gallery img{width:62px;height:62px;object-fit:cover;border-radius:8px}.admin-gallery button{border:0;border-radius:5px;padding:3px;font-size:10px;color:#b42318;background:#fdf0ef}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats article{min-height:130px}.stats article strong{grid-column:1/-1}.product-list,.orders-list{gap:14px}.product-row,.order-card{transition:border-color .2s,box-shadow .2s;background:var(--card-bg,transparent)}.product-row:hover,.order-card:hover{border-color:#a5a1ef;box-shadow:0 6px 22px #302c7610}.product-row{flex-wrap:wrap;padding:18px;gap:14px}.product-row>div:nth-child(2){flex:1;min-width:150px}.product-row>b{white-space:nowrap}.product-row.is-archived{border-style:dashed;opacity:.83}.fs-state{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;font-size:11px;font-weight:600;padding:4px 9px;border-radius:99px;margin-inline-start:7px}.fs-state.live{background:#e6f8ef;color:#12734c}.fs-state.archived{background:#f1f1f5;color:#636577}.row-actions{flex-wrap:wrap}.row-actions button,.upload-button,.fs-delete-order{transition:transform .15s,filter .15s}.row-actions button:hover,.upload-button:hover,.fs-delete-order:hover{filter:brightness(.95)}.fs-order-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.fs-delete-order{display:inline-flex;align-items:center;gap:7px;border:1px solid #f2b9b9;border-radius:10px;padding:10px 14px;background:#fff0f0;color:#ae2323;font-weight:700}.fs-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a1220a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.fs-modal{width:min(100%,440px);background:#fff;color:#18263e;border-radius:22px;padding:28px;box-shadow:0 24px 80px #0004;direction:rtl}.fs-modal-icon{width:52px;height:52px;border-radius:16px;background:#fff0f0;color:#bd2626;display:grid;place-items:center}.fs-modal h2{margin:17px 0 9px;font-size:21px}.fs-modal p{line-height:1.9;color:#68748a;font-size:14px}.fs-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.fs-modal-actions button{padding:12px 19px;border:0;border-radius:11px;font-weight:700}.fs-modal-actions .secondary{background:#edf0f5;color:#364357}.fs-modal-actions .danger{background:#c42d34;color:#fff}[data-theme=dark] .fs-modal{background:#192335;color:#e8edf8}[data-theme=dark] .fs-modal p{color:#b1bed0}[data-theme=dark] .fs-state.archived{background:#313c4c;color:#c1cbd7}[data-theme=dark] .fs-state.live{background:#173f36;color:#a4f0cc}@media(max-width:650px){.product-row{align-items:flex-start}.product-row .row-actions{width:100%}.admin-gallery{max-width:100%}.fs-order-footer{align-items:stretch}.status-select{flex:1}.fs-delete-order{justify-content:center}}:root{font-family:Arial,Tahoma,sans-serif;color:#1f1f1f;background:#f8fafd;--google-blue:#0b57d0;--google-line:#dadce0;--google-surface:#fff}[data-theme=dark]{color:#e8eaed;background:#13161c;--google-blue:#a8c7fa;--google-line:#41464f;--google-surface:#20242b}.sidebar,.topbar,.panel,.stats article{background:var(--google-surface);border-color:var(--google-line)}.sidebar{border-radius:0 0 0 28px}.brand-icon{background:#0b57d0;border-radius:15px}.eyebrow{color:var(--google-blue)}nav button{border-radius:100px}nav button.active,nav button:hover{background:#d3e3fd;color:#0842a0}[data-theme=dark] nav button.active,[data-theme=dark] nav button:hover{background:#253d62;color:#a8c7fa}.panel,.stats article{border-radius:24px;box-shadow:0 1px 2px #2021240b}.product-row,.order-card{border-radius:18px;border-color:var(--google-line)}.form-actions button,.row-actions button,.login-card button,.upload-button{border-radius:100px}.form-actions button,.row-actions button:not(.danger),.login-card button{background:#0b57d0;color:#fff}.product-form input:not([type=checkbox]),.product-form textarea,.status-select select,.login-card input{border-radius:12px;border-color:var(--google-line)}.product-form input:focus,.product-form textarea:focus{outline:2px solid var(--google-blue);outline-offset:1px}.fs-modal{border-radius:28px;background:var(--google-surface);color:inherit}.fs-modal-actions button{border-radius:100px}.top-actions button{border-radius:50%;padding:10px}.security{background:#e8f0fe;color:#174ea6;border-color:#d3e3fd;border-radius:20px}[data-theme=dark] .security{background:#253d62;color:#a8c7fa;border-color:#334e76}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--google-blue);outline-offset:2px}.variant-manager{flex-basis:100%;width:100%;border-top:1px solid var(--google-line);padding-top:12px;margin-top:8px}.variant-manager summary{cursor:pointer;color:var(--google-blue);font-weight:700;padding:9px}.variant-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.variant-line label{display:flex;flex:1 1 135px;max-width:210px;min-width:115px;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--google-text,inherit)}.variant-line input{width:100%;min-width:0;flex:1 1 105px;max-width:210px;padding:10px;border-radius:12px;border:1px solid var(--google-line);background:var(--google-surface);color:inherit}.variant-line button{border:0;border-radius:100px;background:#0b57d0;color:#fff;padding:10px 14px}.variant-line button.danger{background:#fce8e6;color:#b3261e}.fs-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#111318f5;color:#fff;display:flex;flex-direction:column}.fs-lightbox-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:#202124}.fs-lightbox-toolbar button{border:0;border-radius:100px;padding:10px 14px;background:#353940;color:#fff;display:inline-flex;align-items:center}.fs-lightbox-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px}.fs-lightbox-stage img{max-width:85vw;max-height:75vh;object-fit:contain;transition:transform .15s;cursor:zoom-in}html{scroll-behavior:smooth}body,.shell,.sidebar,.topbar,.panel,.login-card,.order-card,.product-row{transition:background-color .32s ease,color .32s ease,border-color .32s ease,box-shadow .32s ease}button,a,input,textarea,select{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .2s cubic-bezier(.2,0,0,1)}button:not(:disabled):active{transform:scale(.96)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7c9bdb;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.top-actions button svg{transition:transform .4s cubic-bezier(.2,0,0,1)}.top-actions button:hover svg{transform:rotate(22deg)}.panel,.order-card{animation:fs-admin-enter .3s ease both}.fs-admin-reviews{display:grid;gap:14px}.fs-admin-review{padding:18px;border:1px solid #9994;border-radius:18px;background:var(--surface,#fff);overflow-wrap:anywhere}.fs-admin-review p{white-space:pre-wrap}.fs-admin-review .row-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.fs-admin-spinner{width:25px;height:25px;border-radius:50%;border:3px solid #9994;border-top-color:#647bdb;animation:fs-admin-spin .75s linear infinite;margin:0 auto 12px}.fs-admin-skeleton{height:170px;border-radius:20px;background:linear-gradient(100deg,#9992 20%,#9994,#9992 60%);background-size:200% 100%;animation:fs-admin-shimmer 1.3s linear infinite}@keyframes fs-admin-spin{to{transform:rotate(360deg)}}@keyframes fs-admin-shimmer{to{background-position-x:-200%}}@keyframes fs-admin-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.fs-admin-review{background:var(--google-surface,#fff);color:inherit;border-color:var(--google-line,#dadce0)}.fs-admin-review p,.fs-admin-review small{color:inherit}[data-theme=dark] .fs-admin-review{background:var(--google-surface,#20242b);color:#e8eaed}[data-theme=dark] .fs-admin-review button:not(.danger){background:#a8c7fa;color:#092044}[data-theme=dark] .fs-admin-review button.danger{background:#4b292b;color:#ffb4ab}[data-theme=dark] select,[data-theme=dark] select option,[data-theme=dark] input,[data-theme=dark] textarea{color-scheme:dark}.fs-file-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#101114!important;color:#f5f5f5!important;display:flex;flex-direction:column;overscroll-behavior:contain}.fs-file-viewer .fs-lightbox-toolbar{flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:12px;background:#1b1d21!important;color:#fff!important;padding:12px;z-index:2}.fs-file-viewer .fs-lightbox-toolbar button,.fs-file-nav button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:#30333a;color:#fff;padding:10px;min-width:40px}.fs-file-viewer .fs-lightbox-toolbar button:hover,.fs-file-nav button:hover{background:#464b55}.fs-file-stage{flex:1;min-height:0;min-width:0;overflow:hidden!important;display:flex;align-items:center;justify-content:center;padding:20px;touch-action:none;overscroll-behavior:contain;cursor:grab;-webkit-user-select:none;user-select:none}.fs-file-stage:active{cursor:grabbing}.fs-file-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex:none;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:center center;will-change:transform;transition:none!important}.fs-file-nav{flex:0 0 auto;display:flex;justify-content:center;gap:14px;padding:12px;background:#1b1d21}.fs-file-count{font-variant-numeric:tabular-nums}@media(max-width:600px){.fs-file-viewer .fs-lightbox-toolbar{gap:6px;padding:8px}.fs-file-viewer .fs-lightbox-toolbar button{min-width:34px;padding:8px}.fs-file-stage{padding:8px}}.fs-modal-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;overflow-y:auto;overscroll-behavior:contain}.fs-modal{position:relative;flex:0 1 440px;max-width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;margin:auto;box-sizing:border-box}@media(max-width:600px){.fs-modal{padding:22px;border-radius:18px}.fs-modal-actions{flex-wrap:wrap}.fs-modal-actions button{flex:1;min-width:110px}}.fs-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#101827bb;display:flex;align-items:center;justify-content:center;padding:16px}.fs-gallery-window{background:#fff;color:#18263e;width:min(900px,100%);max-height:90vh;overflow:auto;border-radius:18px;padding:20px;box-shadow:0 20px 70px #0005}[data-theme=dark] .fs-gallery-window{background:#1b2535;color:#edf1f9}.fs-gallery-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.fs-gallery-header h2{margin:0}.fs-gallery-header p{margin:5px 0;opacity:.7}.fs-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.fs-gallery-tile{border:1px solid #d9deeb;border-radius:12px;overflow:hidden;background:#f8fafc}[data-theme=dark] .fs-gallery-tile{background:#202c40}.fs-gallery-tile.is-primary{outline:2px solid #4f46e5}.fs-gallery-tile img{width:100%;aspect-ratio:1;object-fit:cover;cursor:zoom-in}.fs-gallery-tile-actions{padding:10px;display:flex;flex-direction:column;gap:7px}.fs-gallery-tile-actions button{display:flex;justify-content:center;align-items:center;gap:6px;padding:8px}.fs-gallery-footer{margin-top:16px;padding-top:12px;border-top:1px solid #ddd}@media(max-width:600px){.fs-gallery-window{padding:12px}.fs-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}:root{--md-primary:#4f46e5;--md-primary-hover:#4338ca;--md-radius:16px;--md-motion:cubic-bezier(.2,0,0,1)}button,input,textarea,select{font-family:inherit}button{min-height:38px;border-radius:11px;transition:background-color .2s var(--md-motion),color .2s var(--md-motion),box-shadow .22s var(--md-motion),transform .22s var(--md-motion),border-color .2s var(--md-motion);touch-action:manipulation}button:not(:disabled):active{transform:scale(.97)}button:not(:disabled):hover{box-shadow:0 3px 10px #28334b20}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #818cf880;outline-offset:2px}input,textarea,select{transition:border-color .2s var(--md-motion),box-shadow .2s var(--md-motion),background-color .2s var(--md-motion)}input:focus,textarea:focus,select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.panel,.product-list article,.fs-gallery-window{transition:box-shadow .25s var(--md-motion),border-color .25s var(--md-motion)}.fs-gallery-window{border-radius:26px;padding:28px;animation:md-dialog-in .25s var(--md-motion)}.fs-modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:md-scrim-in .2s ease-out}.fs-gallery-header{align-items:center;padding-bottom:18px;border-bottom:1px solid #e4e7ee}.fs-gallery-header h2{font-size:22px;font-weight:800;letter-spacing:-.4px}.fs-gallery-grid{gap:18px}.fs-gallery-tile{border-radius:20px;background:#fff;box-shadow:0 2px 8px #18263e0b;transition:transform .22s var(--md-motion),box-shadow .22s var(--md-motion)}.fs-gallery-tile:hover{transform:translateY(-3px);box-shadow:0 10px 25px #18263e19}.fs-gallery-tile.is-primary{outline:2px solid #6366f1;outline-offset:1px}.fs-gallery-tile img{display:block;transition:filter .25s ease}.fs-gallery-tile img:hover{filter:brightness(.95)}.fs-gallery-tile-actions{padding:14px;gap:10px}.fs-gallery-tile-actions span{font-weight:700;font-size:12px;color:#475569}.fs-gallery-tile.is-primary .fs-gallery-tile-actions span{color:#4f46e5}.fs-gallery-tile-actions button{border-radius:12px;min-height:40px;font-weight:700}.fs-gallery-tile-actions button:not(.danger){background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}.fs-gallery-tile-actions button:not(.danger):hover:not(:disabled){background:#e0e7ff}.fs-gallery-tile-actions button.danger{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.fs-gallery-tile-actions button.danger:hover:not(:disabled){background:#ffe4e6}.fs-gallery-footer{display:flex;justify-content:flex-end;padding-top:20px}@keyframes md-dialog-in{0%{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md-scrim-in{0%{opacity:0}to{opacity:1}}@media(max-width:600px){.fs-gallery-window{border-radius:20px;padding:16px}.fs-gallery-grid{gap:10px}.fs-gallery-tile-actions{padding:9px;gap:7px}.fs-gallery-tile-actions button{font-size:12px}.fs-gallery-header h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bg:#f8faf5;--surface:#fff;--surface-low:#f0f3ed;--surface-high:#e8ede5;--text:#233029;--muted:#626e64;--line:#dce3d9;--outline:#7a887d;--primary:#355e43;--on-primary:#fff;--primary-container:#dcebd6;--on-container:#254b31;--lavender:#ece6f5;--on-lavender:#63517d;--peach:#fae7d9;--on-peach:#83583e;--error:#a53232;--error-container:#ffeded;--shadow:0 12px 36px #263d2a0c;color-scheme:light;color:var(--text);background:var(--bg);font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif}:root[data-theme=dark]{--bg:#141914;--surface:#1c241e;--surface-low:#212b23;--surface-high:#2b372d;--text:#e3eadf;--muted:#b1bdaf;--line:#39473b;--outline:#839681;--primary:#b3d4a9;--on-primary:#17391f;--primary-container:#304e36;--on-container:#d2ebca;--lavender:#393344;--on-lavender:#d8c5f1;--peach:#48372c;--on-peach:#f1c5a6;--error:#ffb4ab;--error-container:#4a2424;--shadow:0 12px 36px #0002;color-scheme:dark;color:var(--text);background:var(--bg)}:root{--swatch-sage: #355e43}:root{--swatch-google-blue: #1a73e8}:root[data-palette=google-blue]{--primary:#1a73e8;--on-primary:#fff;--primary-container:color-mix(in srgb, #1a73e8 18%, white);--on-container:color-mix(in srgb, #1a73e8 78%, black);--bg:color-mix(in srgb, #1a73e8 4%, #fafafa);--surface-low:color-mix(in srgb, #1a73e8 8%, #f7f7f7);--surface-high:color-mix(in srgb, #1a73e8 13%, #f2f2f2);--line:color-mix(in srgb, #1a73e8 17%, #e1e1e1);--outline:color-mix(in srgb, #1a73e8 45%, #777);--lavender:color-mix(in srgb, #1a73e8 11%, #f4edfa);--peach:color-mix(in srgb, #1a73e8 10%, #fff0e6)}:root[data-theme=dark][data-palette=google-blue]{--primary:color-mix(in srgb, #1a73e8 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #1a73e8 36%, #24252a);--on-container:color-mix(in srgb, #1a73e8 40%, white);--bg:color-mix(in srgb, #1a73e8 5%, #141518);--surface:color-mix(in srgb, #1a73e8 7%, #1d1e22);--surface-low:color-mix(in srgb, #1a73e8 9%, #24252a);--surface-high:color-mix(in srgb, #1a73e8 13%, #2c2d32);--line:color-mix(in srgb, #1a73e8 18%, #414247);--outline:color-mix(in srgb, #1a73e8 42%, #8b8b91);--lavender:color-mix(in srgb, #1a73e8 16%, #38323f);--peach:color-mix(in srgb, #1a73e8 12%, #44352f)}:root{--swatch-sky: #4285f4}:root[data-palette=sky]{--primary:#4285f4;--on-primary:#fff;--primary-container:color-mix(in srgb, #4285f4 18%, white);--on-container:color-mix(in srgb, #4285f4 78%, black);--bg:color-mix(in srgb, #4285f4 4%, #fafafa);--surface-low:color-mix(in srgb, #4285f4 8%, #f7f7f7);--surface-high:color-mix(in srgb, #4285f4 13%, #f2f2f2);--line:color-mix(in srgb, #4285f4 17%, #e1e1e1);--outline:color-mix(in srgb, #4285f4 45%, #777);--lavender:color-mix(in srgb, #4285f4 11%, #f4edfa);--peach:color-mix(in srgb, #4285f4 10%, #fff0e6)}:root[data-theme=dark][data-palette=sky]{--primary:color-mix(in srgb, #4285f4 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #4285f4 36%, #24252a);--on-container:color-mix(in srgb, #4285f4 40%, white);--bg:color-mix(in srgb, #4285f4 5%, #141518);--surface:color-mix(in srgb, #4285f4 7%, #1d1e22);--surface-low:color-mix(in srgb, #4285f4 9%, #24252a);--surface-high:color-mix(in srgb, #4285f4 13%, #2c2d32);--line:color-mix(in srgb, #4285f4 18%, #414247);--outline:color-mix(in srgb, #4285f4 42%, #8b8b91);--lavender:color-mix(in srgb, #4285f4 16%, #38323f);--peach:color-mix(in srgb, #4285f4 12%, #44352f)}:root{--swatch-ocean: #1765a3}:root[data-palette=ocean]{--primary:#1765a3;--on-primary:#fff;--primary-container:color-mix(in srgb, #1765a3 18%, white);--on-container:color-mix(in srgb, #1765a3 78%, black);--bg:color-mix(in srgb, #1765a3 4%, #fafafa);--surface-low:color-mix(in srgb, #1765a3 8%, #f7f7f7);--surface-high:color-mix(in srgb, #1765a3 13%, #f2f2f2);--line:color-mix(in srgb, #1765a3 17%, #e1e1e1);--outline:color-mix(in srgb, #1765a3 45%, #777);--lavender:color-mix(in srgb, #1765a3 11%, #f4edfa);--peach:color-mix(in srgb, #1765a3 10%, #fff0e6)}:root[data-theme=dark][data-palette=ocean]{--primary:color-mix(in srgb, #1765a3 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #1765a3 36%, #24252a);--on-container:color-mix(in srgb, #1765a3 40%, white);--bg:color-mix(in srgb, #1765a3 5%, #141518);--surface:color-mix(in srgb, #1765a3 7%, #1d1e22);--surface-low:color-mix(in srgb, #1765a3 9%, #24252a);--surface-high:color-mix(in srgb, #1765a3 13%, #2c2d32);--line:color-mix(in srgb, #1765a3 18%, #414247);--outline:color-mix(in srgb, #1765a3 42%, #8b8b91);--lavender:color-mix(in srgb, #1765a3 16%, #38323f);--peach:color-mix(in srgb, #1765a3 12%, #44352f)}:root{--swatch-cyan: #008eae}:root[data-palette=cyan]{--primary:#008eae;--on-primary:#fff;--primary-container:color-mix(in srgb, #008eae 18%, white);--on-container:color-mix(in srgb, #008eae 78%, black);--bg:color-mix(in srgb, #008eae 4%, #fafafa);--surface-low:color-mix(in srgb, #008eae 8%, #f7f7f7);--surface-high:color-mix(in srgb, #008eae 13%, #f2f2f2);--line:color-mix(in srgb, #008eae 17%, #e1e1e1);--outline:color-mix(in srgb, #008eae 45%, #777);--lavender:color-mix(in srgb, #008eae 11%, #f4edfa);--peach:color-mix(in srgb, #008eae 10%, #fff0e6)}:root[data-theme=dark][data-palette=cyan]{--primary:color-mix(in srgb, #008eae 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #008eae 36%, #24252a);--on-container:color-mix(in srgb, #008eae 40%, white);--bg:color-mix(in srgb, #008eae 5%, #141518);--surface:color-mix(in srgb, #008eae 7%, #1d1e22);--surface-low:color-mix(in srgb, #008eae 9%, #24252a);--surface-high:color-mix(in srgb, #008eae 13%, #2c2d32);--line:color-mix(in srgb, #008eae 18%, #414247);--outline:color-mix(in srgb, #008eae 42%, #8b8b91);--lavender:color-mix(in srgb, #008eae 16%, #38323f);--peach:color-mix(in srgb, #008eae 12%, #44352f)}:root{--swatch-teal: #007f82}:root[data-palette=teal]{--primary:#007f82;--on-primary:#fff;--primary-container:color-mix(in srgb, #007f82 18%, white);--on-container:color-mix(in srgb, #007f82 78%, black);--bg:color-mix(in srgb, #007f82 4%, #fafafa);--surface-low:color-mix(in srgb, #007f82 8%, #f7f7f7);--surface-high:color-mix(in srgb, #007f82 13%, #f2f2f2);--line:color-mix(in srgb, #007f82 17%, #e1e1e1);--outline:color-mix(in srgb, #007f82 45%, #777);--lavender:color-mix(in srgb, #007f82 11%, #f4edfa);--peach:color-mix(in srgb, #007f82 10%, #fff0e6)}:root[data-theme=dark][data-palette=teal]{--primary:color-mix(in srgb, #007f82 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #007f82 36%, #24252a);--on-container:color-mix(in srgb, #007f82 40%, white);--bg:color-mix(in srgb, #007f82 5%, #141518);--surface:color-mix(in srgb, #007f82 7%, #1d1e22);--surface-low:color-mix(in srgb, #007f82 9%, #24252a);--surface-high:color-mix(in srgb, #007f82 13%, #2c2d32);--line:color-mix(in srgb, #007f82 18%, #414247);--outline:color-mix(in srgb, #007f82 42%, #8b8b91);--lavender:color-mix(in srgb, #007f82 16%, #38323f);--peach:color-mix(in srgb, #007f82 12%, #44352f)}:root{--swatch-mint: #008e77}:root[data-palette=mint]{--primary:#008e77;--on-primary:#fff;--primary-container:color-mix(in srgb, #008e77 18%, white);--on-container:color-mix(in srgb, #008e77 78%, black);--bg:color-mix(in srgb, #008e77 4%, #fafafa);--surface-low:color-mix(in srgb, #008e77 8%, #f7f7f7);--surface-high:color-mix(in srgb, #008e77 13%, #f2f2f2);--line:color-mix(in srgb, #008e77 17%, #e1e1e1);--outline:color-mix(in srgb, #008e77 45%, #777);--lavender:color-mix(in srgb, #008e77 11%, #f4edfa);--peach:color-mix(in srgb, #008e77 10%, #fff0e6)}:root[data-theme=dark][data-palette=mint]{--primary:color-mix(in srgb, #008e77 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #008e77 36%, #24252a);--on-container:color-mix(in srgb, #008e77 40%, white);--bg:color-mix(in srgb, #008e77 5%, #141518);--surface:color-mix(in srgb, #008e77 7%, #1d1e22);--surface-low:color-mix(in srgb, #008e77 9%, #24252a);--surface-high:color-mix(in srgb, #008e77 13%, #2c2d32);--line:color-mix(in srgb, #008e77 18%, #414247);--outline:color-mix(in srgb, #008e77 42%, #8b8b91);--lavender:color-mix(in srgb, #008e77 16%, #38323f);--peach:color-mix(in srgb, #008e77 12%, #44352f)}:root{--swatch-emerald: #18845a}:root[data-palette=emerald]{--primary:#18845a;--on-primary:#fff;--primary-container:color-mix(in srgb, #18845a 18%, white);--on-container:color-mix(in srgb, #18845a 78%, black);--bg:color-mix(in srgb, #18845a 4%, #fafafa);--surface-low:color-mix(in srgb, #18845a 8%, #f7f7f7);--surface-high:color-mix(in srgb, #18845a 13%, #f2f2f2);--line:color-mix(in srgb, #18845a 17%, #e1e1e1);--outline:color-mix(in srgb, #18845a 45%, #777);--lavender:color-mix(in srgb, #18845a 11%, #f4edfa);--peach:color-mix(in srgb, #18845a 10%, #fff0e6)}:root[data-theme=dark][data-palette=emerald]{--primary:color-mix(in srgb, #18845a 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #18845a 36%, #24252a);--on-container:color-mix(in srgb, #18845a 40%, white);--bg:color-mix(in srgb, #18845a 5%, #141518);--surface:color-mix(in srgb, #18845a 7%, #1d1e22);--surface-low:color-mix(in srgb, #18845a 9%, #24252a);--surface-high:color-mix(in srgb, #18845a 13%, #2c2d32);--line:color-mix(in srgb, #18845a 18%, #414247);--outline:color-mix(in srgb, #18845a 42%, #8b8b91);--lavender:color-mix(in srgb, #18845a 16%, #38323f);--peach:color-mix(in srgb, #18845a 12%, #44352f)}:root{--swatch-forest: #326b46}:root[data-palette=forest]{--primary:#326b46;--on-primary:#fff;--primary-container:color-mix(in srgb, #326b46 18%, white);--on-container:color-mix(in srgb, #326b46 78%, black);--bg:color-mix(in srgb, #326b46 4%, #fafafa);--surface-low:color-mix(in srgb, #326b46 8%, #f7f7f7);--surface-high:color-mix(in srgb, #326b46 13%, #f2f2f2);--line:color-mix(in srgb, #326b46 17%, #e1e1e1);--outline:color-mix(in srgb, #326b46 45%, #777);--lavender:color-mix(in srgb, #326b46 11%, #f4edfa);--peach:color-mix(in srgb, #326b46 10%, #fff0e6)}:root[data-theme=dark][data-palette=forest]{--primary:color-mix(in srgb, #326b46 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #326b46 36%, #24252a);--on-container:color-mix(in srgb, #326b46 40%, white);--bg:color-mix(in srgb, #326b46 5%, #141518);--surface:color-mix(in srgb, #326b46 7%, #1d1e22);--surface-low:color-mix(in srgb, #326b46 9%, #24252a);--surface-high:color-mix(in srgb, #326b46 13%, #2c2d32);--line:color-mix(in srgb, #326b46 18%, #414247);--outline:color-mix(in srgb, #326b46 42%, #8b8b91);--lavender:color-mix(in srgb, #326b46 16%, #38323f);--peach:color-mix(in srgb, #326b46 12%, #44352f)}:root{--swatch-lime: #708b21}:root[data-palette=lime]{--primary:#708b21;--on-primary:#fff;--primary-container:color-mix(in srgb, #708b21 18%, white);--on-container:color-mix(in srgb, #708b21 78%, black);--bg:color-mix(in srgb, #708b21 4%, #fafafa);--surface-low:color-mix(in srgb, #708b21 8%, #f7f7f7);--surface-high:color-mix(in srgb, #708b21 13%, #f2f2f2);--line:color-mix(in srgb, #708b21 17%, #e1e1e1);--outline:color-mix(in srgb, #708b21 45%, #777);--lavender:color-mix(in srgb, #708b21 11%, #f4edfa);--peach:color-mix(in srgb, #708b21 10%, #fff0e6)}:root[data-theme=dark][data-palette=lime]{--primary:color-mix(in srgb, #708b21 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #708b21 36%, #24252a);--on-container:color-mix(in srgb, #708b21 40%, white);--bg:color-mix(in srgb, #708b21 5%, #141518);--surface:color-mix(in srgb, #708b21 7%, #1d1e22);--surface-low:color-mix(in srgb, #708b21 9%, #24252a);--surface-high:color-mix(in srgb, #708b21 13%, #2c2d32);--line:color-mix(in srgb, #708b21 18%, #414247);--outline:color-mix(in srgb, #708b21 42%, #8b8b91);--lavender:color-mix(in srgb, #708b21 16%, #38323f);--peach:color-mix(in srgb, #708b21 12%, #44352f)}:root{--swatch-olive: #777b3a}:root[data-palette=olive]{--primary:#777b3a;--on-primary:#fff;--primary-container:color-mix(in srgb, #777b3a 18%, white);--on-container:color-mix(in srgb, #777b3a 78%, black);--bg:color-mix(in srgb, #777b3a 4%, #fafafa);--surface-low:color-mix(in srgb, #777b3a 8%, #f7f7f7);--surface-high:color-mix(in srgb, #777b3a 13%, #f2f2f2);--line:color-mix(in srgb, #777b3a 17%, #e1e1e1);--outline:color-mix(in srgb, #777b3a 45%, #777);--lavender:color-mix(in srgb, #777b3a 11%, #f4edfa);--peach:color-mix(in srgb, #777b3a 10%, #fff0e6)}:root[data-theme=dark][data-palette=olive]{--primary:color-mix(in srgb, #777b3a 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #777b3a 36%, #24252a);--on-container:color-mix(in srgb, #777b3a 40%, white);--bg:color-mix(in srgb, #777b3a 5%, #141518);--surface:color-mix(in srgb, #777b3a 7%, #1d1e22);--surface-low:color-mix(in srgb, #777b3a 9%, #24252a);--surface-high:color-mix(in srgb, #777b3a 13%, #2c2d32);--line:color-mix(in srgb, #777b3a 18%, #414247);--outline:color-mix(in srgb, #777b3a 42%, #8b8b91);--lavender:color-mix(in srgb, #777b3a 16%, #38323f);--peach:color-mix(in srgb, #777b3a 12%, #44352f)}:root{--swatch-yellow: #a27b00}:root[data-palette=yellow]{--primary:#a27b00;--on-primary:#fff;--primary-container:color-mix(in srgb, #a27b00 18%, white);--on-container:color-mix(in srgb, #a27b00 78%, black);--bg:color-mix(in srgb, #a27b00 4%, #fafafa);--surface-low:color-mix(in srgb, #a27b00 8%, #f7f7f7);--surface-high:color-mix(in srgb, #a27b00 13%, #f2f2f2);--line:color-mix(in srgb, #a27b00 17%, #e1e1e1);--outline:color-mix(in srgb, #a27b00 45%, #777);--lavender:color-mix(in srgb, #a27b00 11%, #f4edfa);--peach:color-mix(in srgb, #a27b00 10%, #fff0e6)}:root[data-theme=dark][data-palette=yellow]{--primary:color-mix(in srgb, #a27b00 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #a27b00 36%, #24252a);--on-container:color-mix(in srgb, #a27b00 40%, white);--bg:color-mix(in srgb, #a27b00 5%, #141518);--surface:color-mix(in srgb, #a27b00 7%, #1d1e22);--surface-low:color-mix(in srgb, #a27b00 9%, #24252a);--surface-high:color-mix(in srgb, #a27b00 13%, #2c2d32);--line:color-mix(in srgb, #a27b00 18%, #414247);--outline:color-mix(in srgb, #a27b00 42%, #8b8b91);--lavender:color-mix(in srgb, #a27b00 16%, #38323f);--peach:color-mix(in srgb, #a27b00 12%, #44352f)}:root{--swatch-amber: #ac6a00}:root[data-palette=amber]{--primary:#ac6a00;--on-primary:#fff;--primary-container:color-mix(in srgb, #ac6a00 18%, white);--on-container:color-mix(in srgb, #ac6a00 78%, black);--bg:color-mix(in srgb, #ac6a00 4%, #fafafa);--surface-low:color-mix(in srgb, #ac6a00 8%, #f7f7f7);--surface-high:color-mix(in srgb, #ac6a00 13%, #f2f2f2);--line:color-mix(in srgb, #ac6a00 17%, #e1e1e1);--outline:color-mix(in srgb, #ac6a00 45%, #777);--lavender:color-mix(in srgb, #ac6a00 11%, #f4edfa);--peach:color-mix(in srgb, #ac6a00 10%, #fff0e6)}:root[data-theme=dark][data-palette=amber]{--primary:color-mix(in srgb, #ac6a00 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #ac6a00 36%, #24252a);--on-container:color-mix(in srgb, #ac6a00 40%, white);--bg:color-mix(in srgb, #ac6a00 5%, #141518);--surface:color-mix(in srgb, #ac6a00 7%, #1d1e22);--surface-low:color-mix(in srgb, #ac6a00 9%, #24252a);--surface-high:color-mix(in srgb, #ac6a00 13%, #2c2d32);--line:color-mix(in srgb, #ac6a00 18%, #414247);--outline:color-mix(in srgb, #ac6a00 42%, #8b8b91);--lavender:color-mix(in srgb, #ac6a00 16%, #38323f);--peach:color-mix(in srgb, #ac6a00 12%, #44352f)}:root{--swatch-orange: #c45d19}:root[data-palette=orange]{--primary:#c45d19;--on-primary:#fff;--primary-container:color-mix(in srgb, #c45d19 18%, white);--on-container:color-mix(in srgb, #c45d19 78%, black);--bg:color-mix(in srgb, #c45d19 4%, #fafafa);--surface-low:color-mix(in srgb, #c45d19 8%, #f7f7f7);--surface-high:color-mix(in srgb, #c45d19 13%, #f2f2f2);--line:color-mix(in srgb, #c45d19 17%, #e1e1e1);--outline:color-mix(in srgb, #c45d19 45%, #777);--lavender:color-mix(in srgb, #c45d19 11%, #f4edfa);--peach:color-mix(in srgb, #c45d19 10%, #fff0e6)}:root[data-theme=dark][data-palette=orange]{--primary:color-mix(in srgb, #c45d19 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #c45d19 36%, #24252a);--on-container:color-mix(in srgb, #c45d19 40%, white);--bg:color-mix(in srgb, #c45d19 5%, #141518);--surface:color-mix(in srgb, #c45d19 7%, #1d1e22);--surface-low:color-mix(in srgb, #c45d19 9%, #24252a);--surface-high:color-mix(in srgb, #c45d19 13%, #2c2d32);--line:color-mix(in srgb, #c45d19 18%, #414247);--outline:color-mix(in srgb, #c45d19 42%, #8b8b91);--lavender:color-mix(in srgb, #c45d19 16%, #38323f);--peach:color-mix(in srgb, #c45d19 12%, #44352f)}:root{--swatch-coral: #c44d38}:root[data-palette=coral]{--primary:#c44d38;--on-primary:#fff;--primary-container:color-mix(in srgb, #c44d38 18%, white);--on-container:color-mix(in srgb, #c44d38 78%, black);--bg:color-mix(in srgb, #c44d38 4%, #fafafa);--surface-low:color-mix(in srgb, #c44d38 8%, #f7f7f7);--surface-high:color-mix(in srgb, #c44d38 13%, #f2f2f2);--line:color-mix(in srgb, #c44d38 17%, #e1e1e1);--outline:color-mix(in srgb, #c44d38 45%, #777);--lavender:color-mix(in srgb, #c44d38 11%, #f4edfa);--peach:color-mix(in srgb, #c44d38 10%, #fff0e6)}:root[data-theme=dark][data-palette=coral]{--primary:color-mix(in srgb, #c44d38 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #c44d38 36%, #24252a);--on-container:color-mix(in srgb, #c44d38 40%, white);--bg:color-mix(in srgb, #c44d38 5%, #141518);--surface:color-mix(in srgb, #c44d38 7%, #1d1e22);--surface-low:color-mix(in srgb, #c44d38 9%, #24252a);--surface-high:color-mix(in srgb, #c44d38 13%, #2c2d32);--line:color-mix(in srgb, #c44d38 18%, #414247);--outline:color-mix(in srgb, #c44d38 42%, #8b8b91);--lavender:color-mix(in srgb, #c44d38 16%, #38323f);--peach:color-mix(in srgb, #c44d38 12%, #44352f)}:root{--swatch-peach: #b66b46}:root[data-palette=peach]{--primary:#b66b46;--on-primary:#fff;--primary-container:color-mix(in srgb, #b66b46 18%, white);--on-container:color-mix(in srgb, #b66b46 78%, black);--bg:color-mix(in srgb, #b66b46 4%, #fafafa);--surface-low:color-mix(in srgb, #b66b46 8%, #f7f7f7);--surface-high:color-mix(in srgb, #b66b46 13%, #f2f2f2);--line:color-mix(in srgb, #b66b46 17%, #e1e1e1);--outline:color-mix(in srgb, #b66b46 45%, #777);--lavender:color-mix(in srgb, #b66b46 11%, #f4edfa);--peach:color-mix(in srgb, #b66b46 10%, #fff0e6)}:root[data-theme=dark][data-palette=peach]{--primary:color-mix(in srgb, #b66b46 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #b66b46 36%, #24252a);--on-container:color-mix(in srgb, #b66b46 40%, white);--bg:color-mix(in srgb, #b66b46 5%, #141518);--surface:color-mix(in srgb, #b66b46 7%, #1d1e22);--surface-low:color-mix(in srgb, #b66b46 9%, #24252a);--surface-high:color-mix(in srgb, #b66b46 13%, #2c2d32);--line:color-mix(in srgb, #b66b46 18%, #414247);--outline:color-mix(in srgb, #b66b46 42%, #8b8b91);--lavender:color-mix(in srgb, #b66b46 16%, #38323f);--peach:color-mix(in srgb, #b66b46 12%, #44352f)}:root{--swatch-red: #c23c45}:root[data-palette=red]{--primary:#c23c45;--on-primary:#fff;--primary-container:color-mix(in srgb, #c23c45 18%, white);--on-container:color-mix(in srgb, #c23c45 78%, black);--bg:color-mix(in srgb, #c23c45 4%, #fafafa);--surface-low:color-mix(in srgb, #c23c45 8%, #f7f7f7);--surface-high:color-mix(in srgb, #c23c45 13%, #f2f2f2);--line:color-mix(in srgb, #c23c45 17%, #e1e1e1);--outline:color-mix(in srgb, #c23c45 45%, #777);--lavender:color-mix(in srgb, #c23c45 11%, #f4edfa);--peach:color-mix(in srgb, #c23c45 10%, #fff0e6)}:root[data-theme=dark][data-palette=red]{--primary:color-mix(in srgb, #c23c45 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #c23c45 36%, #24252a);--on-container:color-mix(in srgb, #c23c45 40%, white);--bg:color-mix(in srgb, #c23c45 5%, #141518);--surface:color-mix(in srgb, #c23c45 7%, #1d1e22);--surface-low:color-mix(in srgb, #c23c45 9%, #24252a);--surface-high:color-mix(in srgb, #c23c45 13%, #2c2d32);--line:color-mix(in srgb, #c23c45 18%, #414247);--outline:color-mix(in srgb, #c23c45 42%, #8b8b91);--lavender:color-mix(in srgb, #c23c45 16%, #38323f);--peach:color-mix(in srgb, #c23c45 12%, #44352f)}:root{--swatch-rose: #b74c72}:root[data-palette=rose]{--primary:#b74c72;--on-primary:#fff;--primary-container:color-mix(in srgb, #b74c72 18%, white);--on-container:color-mix(in srgb, #b74c72 78%, black);--bg:color-mix(in srgb, #b74c72 4%, #fafafa);--surface-low:color-mix(in srgb, #b74c72 8%, #f7f7f7);--surface-high:color-mix(in srgb, #b74c72 13%, #f2f2f2);--line:color-mix(in srgb, #b74c72 17%, #e1e1e1);--outline:color-mix(in srgb, #b74c72 45%, #777);--lavender:color-mix(in srgb, #b74c72 11%, #f4edfa);--peach:color-mix(in srgb, #b74c72 10%, #fff0e6)}:root[data-theme=dark][data-palette=rose]{--primary:color-mix(in srgb, #b74c72 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #b74c72 36%, #24252a);--on-container:color-mix(in srgb, #b74c72 40%, white);--bg:color-mix(in srgb, #b74c72 5%, #141518);--surface:color-mix(in srgb, #b74c72 7%, #1d1e22);--surface-low:color-mix(in srgb, #b74c72 9%, #24252a);--surface-high:color-mix(in srgb, #b74c72 13%, #2c2d32);--line:color-mix(in srgb, #b74c72 18%, #414247);--outline:color-mix(in srgb, #b74c72 42%, #8b8b91);--lavender:color-mix(in srgb, #b74c72 16%, #38323f);--peach:color-mix(in srgb, #b74c72 12%, #44352f)}:root{--swatch-pink: #bd4b95}:root[data-palette=pink]{--primary:#bd4b95;--on-primary:#fff;--primary-container:color-mix(in srgb, #bd4b95 18%, white);--on-container:color-mix(in srgb, #bd4b95 78%, black);--bg:color-mix(in srgb, #bd4b95 4%, #fafafa);--surface-low:color-mix(in srgb, #bd4b95 8%, #f7f7f7);--surface-high:color-mix(in srgb, #bd4b95 13%, #f2f2f2);--line:color-mix(in srgb, #bd4b95 17%, #e1e1e1);--outline:color-mix(in srgb, #bd4b95 45%, #777);--lavender:color-mix(in srgb, #bd4b95 11%, #f4edfa);--peach:color-mix(in srgb, #bd4b95 10%, #fff0e6)}:root[data-theme=dark][data-palette=pink]{--primary:color-mix(in srgb, #bd4b95 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #bd4b95 36%, #24252a);--on-container:color-mix(in srgb, #bd4b95 40%, white);--bg:color-mix(in srgb, #bd4b95 5%, #141518);--surface:color-mix(in srgb, #bd4b95 7%, #1d1e22);--surface-low:color-mix(in srgb, #bd4b95 9%, #24252a);--surface-high:color-mix(in srgb, #bd4b95 13%, #2c2d32);--line:color-mix(in srgb, #bd4b95 18%, #414247);--outline:color-mix(in srgb, #bd4b95 42%, #8b8b91);--lavender:color-mix(in srgb, #bd4b95 16%, #38323f);--peach:color-mix(in srgb, #bd4b95 12%, #44352f)}:root{--swatch-magenta: #a83eaa}:root[data-palette=magenta]{--primary:#a83eaa;--on-primary:#fff;--primary-container:color-mix(in srgb, #a83eaa 18%, white);--on-container:color-mix(in srgb, #a83eaa 78%, black);--bg:color-mix(in srgb, #a83eaa 4%, #fafafa);--surface-low:color-mix(in srgb, #a83eaa 8%, #f7f7f7);--surface-high:color-mix(in srgb, #a83eaa 13%, #f2f2f2);--line:color-mix(in srgb, #a83eaa 17%, #e1e1e1);--outline:color-mix(in srgb, #a83eaa 45%, #777);--lavender:color-mix(in srgb, #a83eaa 11%, #f4edfa);--peach:color-mix(in srgb, #a83eaa 10%, #fff0e6)}:root[data-theme=dark][data-palette=magenta]{--primary:color-mix(in srgb, #a83eaa 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #a83eaa 36%, #24252a);--on-container:color-mix(in srgb, #a83eaa 40%, white);--bg:color-mix(in srgb, #a83eaa 5%, #141518);--surface:color-mix(in srgb, #a83eaa 7%, #1d1e22);--surface-low:color-mix(in srgb, #a83eaa 9%, #24252a);--surface-high:color-mix(in srgb, #a83eaa 13%, #2c2d32);--line:color-mix(in srgb, #a83eaa 18%, #414247);--outline:color-mix(in srgb, #a83eaa 42%, #8b8b91);--lavender:color-mix(in srgb, #a83eaa 16%, #38323f);--peach:color-mix(in srgb, #a83eaa 12%, #44352f)}:root{--swatch-purple: #8354bd}:root[data-palette=purple]{--primary:#8354bd;--on-primary:#fff;--primary-container:color-mix(in srgb, #8354bd 18%, white);--on-container:color-mix(in srgb, #8354bd 78%, black);--bg:color-mix(in srgb, #8354bd 4%, #fafafa);--surface-low:color-mix(in srgb, #8354bd 8%, #f7f7f7);--surface-high:color-mix(in srgb, #8354bd 13%, #f2f2f2);--line:color-mix(in srgb, #8354bd 17%, #e1e1e1);--outline:color-mix(in srgb, #8354bd 45%, #777);--lavender:color-mix(in srgb, #8354bd 11%, #f4edfa);--peach:color-mix(in srgb, #8354bd 10%, #fff0e6)}:root[data-theme=dark][data-palette=purple]{--primary:color-mix(in srgb, #8354bd 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #8354bd 36%, #24252a);--on-container:color-mix(in srgb, #8354bd 40%, white);--bg:color-mix(in srgb, #8354bd 5%, #141518);--surface:color-mix(in srgb, #8354bd 7%, #1d1e22);--surface-low:color-mix(in srgb, #8354bd 9%, #24252a);--surface-high:color-mix(in srgb, #8354bd 13%, #2c2d32);--line:color-mix(in srgb, #8354bd 18%, #414247);--outline:color-mix(in srgb, #8354bd 42%, #8b8b91);--lavender:color-mix(in srgb, #8354bd 16%, #38323f);--peach:color-mix(in srgb, #8354bd 12%, #44352f)}:root{--swatch-violet: #7056c4}:root[data-palette=violet]{--primary:#7056c4;--on-primary:#fff;--primary-container:color-mix(in srgb, #7056c4 18%, white);--on-container:color-mix(in srgb, #7056c4 78%, black);--bg:color-mix(in srgb, #7056c4 4%, #fafafa);--surface-low:color-mix(in srgb, #7056c4 8%, #f7f7f7);--surface-high:color-mix(in srgb, #7056c4 13%, #f2f2f2);--line:color-mix(in srgb, #7056c4 17%, #e1e1e1);--outline:color-mix(in srgb, #7056c4 45%, #777);--lavender:color-mix(in srgb, #7056c4 11%, #f4edfa);--peach:color-mix(in srgb, #7056c4 10%, #fff0e6)}:root[data-theme=dark][data-palette=violet]{--primary:color-mix(in srgb, #7056c4 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #7056c4 36%, #24252a);--on-container:color-mix(in srgb, #7056c4 40%, white);--bg:color-mix(in srgb, #7056c4 5%, #141518);--surface:color-mix(in srgb, #7056c4 7%, #1d1e22);--surface-low:color-mix(in srgb, #7056c4 9%, #24252a);--surface-high:color-mix(in srgb, #7056c4 13%, #2c2d32);--line:color-mix(in srgb, #7056c4 18%, #414247);--outline:color-mix(in srgb, #7056c4 42%, #8b8b91);--lavender:color-mix(in srgb, #7056c4 16%, #38323f);--peach:color-mix(in srgb, #7056c4 12%, #44352f)}:root{--swatch-indigo: #4b64c5}:root[data-palette=indigo]{--primary:#4b64c5;--on-primary:#fff;--primary-container:color-mix(in srgb, #4b64c5 18%, white);--on-container:color-mix(in srgb, #4b64c5 78%, black);--bg:color-mix(in srgb, #4b64c5 4%, #fafafa);--surface-low:color-mix(in srgb, #4b64c5 8%, #f7f7f7);--surface-high:color-mix(in srgb, #4b64c5 13%, #f2f2f2);--line:color-mix(in srgb, #4b64c5 17%, #e1e1e1);--outline:color-mix(in srgb, #4b64c5 45%, #777);--lavender:color-mix(in srgb, #4b64c5 11%, #f4edfa);--peach:color-mix(in srgb, #4b64c5 10%, #fff0e6)}:root[data-theme=dark][data-palette=indigo]{--primary:color-mix(in srgb, #4b64c5 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #4b64c5 36%, #24252a);--on-container:color-mix(in srgb, #4b64c5 40%, white);--bg:color-mix(in srgb, #4b64c5 5%, #141518);--surface:color-mix(in srgb, #4b64c5 7%, #1d1e22);--surface-low:color-mix(in srgb, #4b64c5 9%, #24252a);--surface-high:color-mix(in srgb, #4b64c5 13%, #2c2d32);--line:color-mix(in srgb, #4b64c5 18%, #414247);--outline:color-mix(in srgb, #4b64c5 42%, #8b8b91);--lavender:color-mix(in srgb, #4b64c5 16%, #38323f);--peach:color-mix(in srgb, #4b64c5 12%, #44352f)}:root{--swatch-slate: #56677e}:root[data-palette=slate]{--primary:#56677e;--on-primary:#fff;--primary-container:color-mix(in srgb, #56677e 18%, white);--on-container:color-mix(in srgb, #56677e 78%, black);--bg:color-mix(in srgb, #56677e 4%, #fafafa);--surface-low:color-mix(in srgb, #56677e 8%, #f7f7f7);--surface-high:color-mix(in srgb, #56677e 13%, #f2f2f2);--line:color-mix(in srgb, #56677e 17%, #e1e1e1);--outline:color-mix(in srgb, #56677e 45%, #777);--lavender:color-mix(in srgb, #56677e 11%, #f4edfa);--peach:color-mix(in srgb, #56677e 10%, #fff0e6)}:root[data-theme=dark][data-palette=slate]{--primary:color-mix(in srgb, #56677e 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #56677e 36%, #24252a);--on-container:color-mix(in srgb, #56677e 40%, white);--bg:color-mix(in srgb, #56677e 5%, #141518);--surface:color-mix(in srgb, #56677e 7%, #1d1e22);--surface-low:color-mix(in srgb, #56677e 9%, #24252a);--surface-high:color-mix(in srgb, #56677e 13%, #2c2d32);--line:color-mix(in srgb, #56677e 18%, #414247);--outline:color-mix(in srgb, #56677e 42%, #8b8b91);--lavender:color-mix(in srgb, #56677e 16%, #38323f);--peach:color-mix(in srgb, #56677e 12%, #44352f)}:root{--swatch-coffee: #84634c}:root[data-palette=coffee]{--primary:#84634c;--on-primary:#fff;--primary-container:color-mix(in srgb, #84634c 18%, white);--on-container:color-mix(in srgb, #84634c 78%, black);--bg:color-mix(in srgb, #84634c 4%, #fafafa);--surface-low:color-mix(in srgb, #84634c 8%, #f7f7f7);--surface-high:color-mix(in srgb, #84634c 13%, #f2f2f2);--line:color-mix(in srgb, #84634c 17%, #e1e1e1);--outline:color-mix(in srgb, #84634c 45%, #777);--lavender:color-mix(in srgb, #84634c 11%, #f4edfa);--peach:color-mix(in srgb, #84634c 10%, #fff0e6)}:root[data-theme=dark][data-palette=coffee]{--primary:color-mix(in srgb, #84634c 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #84634c 36%, #24252a);--on-container:color-mix(in srgb, #84634c 40%, white);--bg:color-mix(in srgb, #84634c 5%, #141518);--surface:color-mix(in srgb, #84634c 7%, #1d1e22);--surface-low:color-mix(in srgb, #84634c 9%, #24252a);--surface-high:color-mix(in srgb, #84634c 13%, #2c2d32);--line:color-mix(in srgb, #84634c 18%, #414247);--outline:color-mix(in srgb, #84634c 42%, #8b8b91);--lavender:color-mix(in srgb, #84634c 16%, #38323f);--peach:color-mix(in srgb, #84634c 12%, #44352f)}:root{--swatch-sand: #987d5d}:root[data-palette=sand]{--primary:#987d5d;--on-primary:#fff;--primary-container:color-mix(in srgb, #987d5d 18%, white);--on-container:color-mix(in srgb, #987d5d 78%, black);--bg:color-mix(in srgb, #987d5d 4%, #fafafa);--surface-low:color-mix(in srgb, #987d5d 8%, #f7f7f7);--surface-high:color-mix(in srgb, #987d5d 13%, #f2f2f2);--line:color-mix(in srgb, #987d5d 17%, #e1e1e1);--outline:color-mix(in srgb, #987d5d 45%, #777);--lavender:color-mix(in srgb, #987d5d 11%, #f4edfa);--peach:color-mix(in srgb, #987d5d 10%, #fff0e6)}:root[data-theme=dark][data-palette=sand]{--primary:color-mix(in srgb, #987d5d 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #987d5d 36%, #24252a);--on-container:color-mix(in srgb, #987d5d 40%, white);--bg:color-mix(in srgb, #987d5d 5%, #141518);--surface:color-mix(in srgb, #987d5d 7%, #1d1e22);--surface-low:color-mix(in srgb, #987d5d 9%, #24252a);--surface-high:color-mix(in srgb, #987d5d 13%, #2c2d32);--line:color-mix(in srgb, #987d5d 18%, #414247);--outline:color-mix(in srgb, #987d5d 42%, #8b8b91);--lavender:color-mix(in srgb, #987d5d 16%, #38323f);--peach:color-mix(in srgb, #987d5d 12%, #44352f)}:root{--swatch-lavender: #8c6ab5}:root[data-palette=lavender]{--primary:#8c6ab5;--on-primary:#fff;--primary-container:color-mix(in srgb, #8c6ab5 18%, white);--on-container:color-mix(in srgb, #8c6ab5 78%, black);--bg:color-mix(in srgb, #8c6ab5 4%, #fafafa);--surface-low:color-mix(in srgb, #8c6ab5 8%, #f7f7f7);--surface-high:color-mix(in srgb, #8c6ab5 13%, #f2f2f2);--line:color-mix(in srgb, #8c6ab5 17%, #e1e1e1);--outline:color-mix(in srgb, #8c6ab5 45%, #777);--lavender:color-mix(in srgb, #8c6ab5 11%, #f4edfa);--peach:color-mix(in srgb, #8c6ab5 10%, #fff0e6)}:root[data-theme=dark][data-palette=lavender]{--primary:color-mix(in srgb, #8c6ab5 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #8c6ab5 36%, #24252a);--on-container:color-mix(in srgb, #8c6ab5 40%, white);--bg:color-mix(in srgb, #8c6ab5 5%, #141518);--surface:color-mix(in srgb, #8c6ab5 7%, #1d1e22);--surface-low:color-mix(in srgb, #8c6ab5 9%, #24252a);--surface-high:color-mix(in srgb, #8c6ab5 13%, #2c2d32);--line:color-mix(in srgb, #8c6ab5 18%, #414247);--outline:color-mix(in srgb, #8c6ab5 42%, #8b8b91);--lavender:color-mix(in srgb, #8c6ab5 16%, #38323f);--peach:color-mix(in srgb, #8c6ab5 12%, #44352f)}:root{--swatch-periwinkle: #637ac2}:root[data-palette=periwinkle]{--primary:#637ac2;--on-primary:#fff;--primary-container:color-mix(in srgb, #637ac2 18%, white);--on-container:color-mix(in srgb, #637ac2 78%, black);--bg:color-mix(in srgb, #637ac2 4%, #fafafa);--surface-low:color-mix(in srgb, #637ac2 8%, #f7f7f7);--surface-high:color-mix(in srgb, #637ac2 13%, #f2f2f2);--line:color-mix(in srgb, #637ac2 17%, #e1e1e1);--outline:color-mix(in srgb, #637ac2 45%, #777);--lavender:color-mix(in srgb, #637ac2 11%, #f4edfa);--peach:color-mix(in srgb, #637ac2 10%, #fff0e6)}:root[data-theme=dark][data-palette=periwinkle]{--primary:color-mix(in srgb, #637ac2 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #637ac2 36%, #24252a);--on-container:color-mix(in srgb, #637ac2 40%, white);--bg:color-mix(in srgb, #637ac2 5%, #141518);--surface:color-mix(in srgb, #637ac2 7%, #1d1e22);--surface-low:color-mix(in srgb, #637ac2 9%, #24252a);--surface-high:color-mix(in srgb, #637ac2 13%, #2c2d32);--line:color-mix(in srgb, #637ac2 18%, #414247);--outline:color-mix(in srgb, #637ac2 42%, #8b8b91);--lavender:color-mix(in srgb, #637ac2 16%, #38323f);--peach:color-mix(in srgb, #637ac2 12%, #44352f)}:root{--swatch-aqua: #168f9c}:root[data-palette=aqua]{--primary:#168f9c;--on-primary:#fff;--primary-container:color-mix(in srgb, #168f9c 18%, white);--on-container:color-mix(in srgb, #168f9c 78%, black);--bg:color-mix(in srgb, #168f9c 4%, #fafafa);--surface-low:color-mix(in srgb, #168f9c 8%, #f7f7f7);--surface-high:color-mix(in srgb, #168f9c 13%, #f2f2f2);--line:color-mix(in srgb, #168f9c 17%, #e1e1e1);--outline:color-mix(in srgb, #168f9c 45%, #777);--lavender:color-mix(in srgb, #168f9c 11%, #f4edfa);--peach:color-mix(in srgb, #168f9c 10%, #fff0e6)}:root[data-theme=dark][data-palette=aqua]{--primary:color-mix(in srgb, #168f9c 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #168f9c 36%, #24252a);--on-container:color-mix(in srgb, #168f9c 40%, white);--bg:color-mix(in srgb, #168f9c 5%, #141518);--surface:color-mix(in srgb, #168f9c 7%, #1d1e22);--surface-low:color-mix(in srgb, #168f9c 9%, #24252a);--surface-high:color-mix(in srgb, #168f9c 13%, #2c2d32);--line:color-mix(in srgb, #168f9c 18%, #414247);--outline:color-mix(in srgb, #168f9c 42%, #8b8b91);--lavender:color-mix(in srgb, #168f9c 16%, #38323f);--peach:color-mix(in srgb, #168f9c 12%, #44352f)}:root{--swatch-berry: #994b72}:root[data-palette=berry]{--primary:#994b72;--on-primary:#fff;--primary-container:color-mix(in srgb, #994b72 18%, white);--on-container:color-mix(in srgb, #994b72 78%, black);--bg:color-mix(in srgb, #994b72 4%, #fafafa);--surface-low:color-mix(in srgb, #994b72 8%, #f7f7f7);--surface-high:color-mix(in srgb, #994b72 13%, #f2f2f2);--line:color-mix(in srgb, #994b72 17%, #e1e1e1);--outline:color-mix(in srgb, #994b72 45%, #777);--lavender:color-mix(in srgb, #994b72 11%, #f4edfa);--peach:color-mix(in srgb, #994b72 10%, #fff0e6)}:root[data-theme=dark][data-palette=berry]{--primary:color-mix(in srgb, #994b72 48%, white);--on-primary:#171a20;--primary-container:color-mix(in srgb, #994b72 36%, #24252a);--on-container:color-mix(in srgb, #994b72 40%, white);--bg:color-mix(in srgb, #994b72 5%, #141518);--surface:color-mix(in srgb, #994b72 7%, #1d1e22);--surface-low:color-mix(in srgb, #994b72 9%, #24252a);--surface-high:color-mix(in srgb, #994b72 13%, #2c2d32);--line:color-mix(in srgb, #994b72 18%, #414247);--outline:color-mix(in srgb, #994b72 42%, #8b8b91);--lavender:color-mix(in srgb, #994b72 16%, #38323f);--peach:color-mix(in srgb, #994b72 12%, #44352f)}.palette-anchor{position:relative;display:inline-flex;flex:0 0 auto}.palette-menu{position:absolute;top:calc(100% + 12px);inset-inline-end:0;z-index:200;width:min(320px,calc(100vw - 30px));padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 15px 45px #0003;color:var(--text);direction:rtl}.palette-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.palette-menu-head button{background:transparent;font-size:23px}.palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.palette-dot{width:35px;height:35px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.palette-dot.active{box-shadow:0 0 0 3px var(--text)}.palette-menu small{display:block;margin-top:12px;color:var(--muted);font-size:10px}:root{--ui-radius:44px;--ui-radius-small:26px;--ui-pill:9999px;--ui-ease:cubic-bezier(.2,0,0,1)}html,body,#root{min-height:100%;background:var(--bg);color:var(--text)}html{overflow-x:hidden}body{font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif;color:var(--text);line-height:1.7;overflow-x:hidden}.shell,.main{background:var(--bg);color:var(--text);min-width:0}.shell{width:100%}.content{width:100%;max-width:1280px;margin-inline:auto;padding:32px clamp(14px,3vw,36px);min-width:0}.sidebar{background:var(--surface-low)!important;border-color:var(--line)!important;border-radius:0 0 0 46px!important}.sidebar .brand{padding-bottom:25px}.brand-icon{background:var(--primary)!important;color:var(--on-primary)!important;border-radius:18px 30px!important;transform:none!important}.brand strong,.top-start b,.heading h1,.panel h2,.empty h2{color:var(--text)!important}.brand small,.side-bottom,.top-start,.heading p,.stats article>span,.stats article small,.hint,.empty,.product-row small{color:var(--muted)!important}.sidebar nav{gap:7px}.sidebar nav button{border-radius:var(--ui-pill)!important;min-height:50px;background:transparent!important;color:var(--muted)!important;transform:none!important;transition:background .18s var(--ui-ease),color .18s var(--ui-ease)!important}.sidebar nav button.active{background:var(--primary-container)!important;color:var(--on-container)!important}.sidebar nav button:hover:not(.active){background:var(--surface-high)!important}.topbar{height:auto;min-height:82px;background:var(--surface)!important;border-bottom:1px solid var(--line)!important;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(12px,2.8vw,34px)}.top-start{min-width:0;flex:1 1 auto;gap:10px;color:var(--muted)!important}.top-start>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:8px;min-width:0}.top-actions a{border-radius:var(--ui-pill);padding:10px 14px;min-height:44px;background:var(--surface-low);border:1px solid var(--line);color:var(--text);white-space:nowrap;gap:7px}.top-actions a:hover{background:var(--surface-high)}.top-actions button,.mobile-menu,.mobile-close{color:var(--text);background:transparent;border:0;transform:none!important}.top-actions button:hover svg{transform:none!important}.top-actions .admin-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:44px;padding:8px 18px;background:var(--primary-container)!important;color:var(--on-container)!important;border:1px solid transparent!important;border-radius:var(--ui-pill)!important;font-size:13px;font-weight:700}.top-actions .admin-logout:hover{background:var(--surface-high)!important}.admin-theme-controls{display:flex;position:relative;gap:3px;flex:0 0 auto;align-items:center}.admin-theme-controls>button{width:44px;height:44px;border-radius:50%!important;display:grid;place-items:center;padding:0!important}.admin-theme-controls>button:hover,.mobile-menu:hover,.mobile-close:hover{background:var(--surface-high)!important}.admin-palette-menu{position:absolute;top:calc(100% + 12px);inset-inline-end:0;z-index:1000;width:min(330px,calc(100vw - 24px));background:var(--surface)!important;color:var(--text);border:1px solid var(--line);border-radius:32px!important;padding:18px;box-shadow:0 18px 45px #0003}.admin-palette-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.admin-palette-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.admin-palette-grid button{width:36px;height:36px;padding:0;border:2px solid var(--surface);border-radius:50%!important;box-shadow:0 0 0 1px var(--line)}.admin-palette-grid button.selected{box-shadow:0 0 0 3px var(--text)}.eyebrow{color:var(--primary)!important}.stats{gap:16px}.stats article,.panel,.login-card,.security{border-radius:var(--ui-radius)!important;border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:none!important;animation:none!important;transform:none!important}.stats article:nth-child(2n){background:var(--surface-low)!important}.stats article:hover,.panel:hover{transform:none!important;box-shadow:none!important;border-radius:var(--ui-radius)!important}.stats article svg,.empty svg{color:var(--primary)!important}.security{background:var(--primary-container)!important;color:var(--on-container)!important;border-radius:36px!important}.security p{color:var(--on-container)!important}.login-wrap{background:var(--bg)!important}.login-card{box-shadow:0 14px 44px #00000012!important;max-width:440px}.login-card p,.login-card small{color:var(--muted)!important}.product-row,.order-card,.fs-admin-review,.variant-manager,.fs-gallery-tile{background:var(--surface-low)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:34px!important;box-shadow:none!important;animation:none!important;transform:none!important}.product-row:hover,.order-card:hover,.fs-gallery-tile:hover{transform:none!important;border-radius:34px!important;box-shadow:none!important}.product-thumb,.fs-gallery-tile img{border-radius:26px!important}input:not([type=checkbox]):not([type=radio]),select,textarea,.login-card input,.product-form input:not([type=checkbox]),.product-form textarea{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:24px!important;transition:border-color .18s var(--ui-ease),box-shadow .18s var(--ui-ease)!important;max-width:100%}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)!important}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}button{transition:background-color .18s var(--ui-ease),color .18s var(--ui-ease),opacity .18s var(--ui-ease)!important;animation:none!important}button:not(:disabled):hover{filter:none!important;transform:none!important}button:not(:disabled):active{transform:none!important;opacity:.82}button.primary,.primary,.empty button,.login-card button[type=submit],.form-actions button:not(.secondary),.row-actions button:not(.danger),.variant-line button:not(.danger),.fs-gallery-tile-actions button:not(.danger){background:var(--primary)!important;color:var(--on-primary)!important;border-radius:var(--ui-pill)!important;border:1px solid transparent!important;min-height:44px}.secondary,button.secondary,.form-actions .secondary,.orders-head button,.fs-gallery-footer button,.fs-file-nav button{background:var(--surface-high)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:var(--ui-pill)!important;min-height:42px}button.danger,.row-actions button.danger,.fs-gallery-tile-actions button.danger{background:var(--error-container)!important;color:var(--error)!important;border:1px solid color-mix(in srgb,var(--error) 20%,transparent)!important;border-radius:var(--ui-pill)!important}.form-error,.login-error{color:var(--error)!important}.form-success{color:var(--primary)!important}.variant-line{border-color:var(--line)!important}.fs-modal,.fs-gallery-window{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:48px!important;max-width:calc(100vw - 24px);animation:none!important}.fs-gallery-window{max-height:calc(100dvh - 36px)}.fs-modal p{color:var(--muted)!important}.fs-modal-icon{background:var(--error-container);color:var(--error);border-radius:50%!important}.fs-modal-actions button,.fs-gallery-tile-actions button{border-radius:var(--ui-pill)!important}.fs-modal-backdrop{z-index:1000}.fs-file-viewer{z-index:1100}.fs-file-viewer .fs-lightbox-toolbar button{border-radius:50%!important}.fs-gallery-tile.is-primary{outline:3px solid var(--primary)!important}@supports (corner-shape:squircle){.stats article,.panel,.login-card,.security,.product-row,.order-card,.fs-admin-review,.fs-gallery-tile,.fs-modal,.fs-gallery-window{corner-shape:squircle}}@media(max-width:850px){.sidebar{border-radius:0 0 0 36px!important;max-width:min(300px,85vw)}.topbar{min-height:68px;padding:9px 12px;gap:8px}.top-start{font-size:12px}.top-actions{gap:4px}.top-actions a{padding:8px 10px;min-height:42px}.top-actions .admin-logout{padding:8px 11px}.content{padding:22px 14px}.stats article,.panel{border-radius:36px!important}}@media(max-width:540px){.topbar{align-items:center;flex-wrap:wrap;row-gap:8px}.top-start{flex:1 1 auto}.top-actions{flex:0 1 auto;gap:3px}.top-actions a{font-size:0;display:inline-flex;padding:10px;width:42px;min-width:42px;justify-content:center}.top-actions a svg{width:18px;height:18px}.top-actions .admin-logout{width:42px;min-width:42px;height:42px;padding:0;gap:0}.top-actions .admin-logout span{display:none}.admin-theme-controls>button{width:40px;height:40px}.admin-palette-menu{position:fixed;top:68px;right:12px;left:auto;width:min(330px,calc(100vw - 24px))}.stats article,.panel{border-radius:34px!important;padding:20px}.fs-gallery-window,.fs-modal{border-radius:36px!important;padding:18px}.content{padding:18px 12px}.product-row,.order-card{border-radius:28px!important;max-width:100%;overflow-wrap:anywhere}.row-actions,.form-actions,.orders-head,.order-top{flex-wrap:wrap}.product-form,.variant-line{min-width:0}.variant-line input{flex:1 1 110px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.product-row .row-actions .product-edit-button,.product-row .product-gallery-button{background:var(--primary-container)!important;color:var(--on-container)!important;border:1px solid color-mix(in srgb,var(--primary) 19%,var(--line))!important;border-radius:9999px!important;min-height:42px;box-shadow:none!important}.product-row .row-actions .product-edit-button:hover,.product-row .product-gallery-button:hover{background:color-mix(in srgb,var(--primary) 23%,var(--surface))!important;color:var(--on-container)!important}.product-row .product-gallery-button svg{color:inherit}.product-row .row-actions .product-visibility-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 16px;border-radius:var(--ui-pill)!important;background:var(--primary-container)!important;color:var(--on-container)!important;border:1px solid color-mix(in srgb,var(--primary) 19%,var(--line))!important;white-space:nowrap}.product-row.is-archived .row-actions .product-visibility-button{background:var(--surface-high)!important;color:var(--text)!important;border-color:var(--line)!important}.product-row .row-actions .product-visibility-button:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 23%,var(--surface))!important}.product-row .row-actions .product-visibility-button svg{flex-shrink:0}:root{--fs-motion-fast:.16s;--fs-motion-mid:.25s;--fs-motion-long:.34s;--fs-motion-ease:cubic-bezier(.2,0,0,1)}@keyframes fs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fs-popover-in{0%{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fs-dialog-appear{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.content>.heading,.content>.panel,.content>.stats,.content>.orders-list,.content>.product-list,.content>.fs-admin-reviews,.content>.empty{animation:fs-fade-in var(--fs-motion-mid) var(--fs-motion-ease) both!important}.top-actions button,.top-actions a,.sidebar nav button,.row-actions button,.form-actions button,.secondary,.primary,.fs-gallery-tile-actions button,.orders-head button,.variant-line button,.login-card button,.admin-palette-head button,.fs-modal-actions button,.fs-gallery-footer button,.upload-button{transition:background-color var(--fs-motion-mid) var(--fs-motion-ease),color var(--fs-motion-mid) var(--fs-motion-ease),border-color var(--fs-motion-mid) var(--fs-motion-ease),box-shadow var(--fs-motion-mid) var(--fs-motion-ease),opacity var(--fs-motion-fast) var(--fs-motion-ease)!important}.top-actions button:where(:hover,:focus-visible),.top-actions a:where(:hover,:focus-visible),.sidebar nav button:where(:hover,:focus-visible),.row-actions button:where(:hover,:focus-visible),.form-actions button:where(:hover,:focus-visible),.product-gallery-button:where(:hover,:focus-visible){box-shadow:0 3px 12px color-mix(in srgb,var(--primary) 12%,transparent)}button:not(:disabled):active{opacity:.75}.sidebar nav button svg,.top-actions button svg,.product-gallery-button svg,.row-actions button svg{transition:color var(--fs-motion-mid) var(--fs-motion-ease),opacity var(--fs-motion-fast) var(--fs-motion-ease)!important}.admin-palette-menu{transform-origin:top right;animation:fs-popover-in var(--fs-motion-mid) var(--fs-motion-ease) both!important}.admin-palette-grid button{transition:box-shadow var(--fs-motion-fast) var(--fs-motion-ease),filter var(--fs-motion-fast) var(--fs-motion-ease)!important}.admin-palette-grid button:hover{filter:brightness(1.12)}@media(max-width:850px){.sidebar{transition:transform var(--fs-motion-long) var(--fs-motion-ease)!important;animation:none!important}.backdrop{animation:fs-fade-in var(--fs-motion-fast) ease-out both}}.fs-modal-backdrop{animation:fs-fade-in var(--fs-motion-fast) ease-out both!important}.fs-modal,.fs-gallery-window{animation:fs-dialog-appear var(--fs-motion-mid) var(--fs-motion-ease) both!important;transform-origin:center center}.product-row,.order-card,.stats article,.panel,.fs-gallery-tile{transition:background-color var(--fs-motion-mid) var(--fs-motion-ease),border-color var(--fs-motion-mid) var(--fs-motion-ease),box-shadow var(--fs-motion-mid) var(--fs-motion-ease)!important}.product-row:where(:hover,:focus-within),.order-card:where(:hover,:focus-within),.fs-gallery-tile:where(:hover,:focus-within){border-color:color-mix(in srgb,var(--primary) 25%,var(--line))!important}:where(body,.main,.sidebar,.topbar,.panel,.stats article,.product-row,.order-card,.login-card){transition:background-color var(--fs-motion-mid) var(--fs-motion-ease),color var(--fs-motion-mid) var(--fs-motion-ease),border-color var(--fs-motion-mid) var(--fs-motion-ease)!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.stats article,.panel,.product-row,.order-card,.fs-gallery-tile,.fs-admin-review{transition:background-color .26s var(--fs-motion-ease),border-color .26s var(--fs-motion-ease),box-shadow .3s var(--fs-motion-ease),filter .22s var(--fs-motion-ease),transform .18s var(--fs-motion-ease)!important;transform-origin:center center}@media(hover:hover)and (pointer:fine){.stats article:hover,.panel:hover,.product-row:hover,.order-card:hover,.fs-gallery-tile:hover,.fs-admin-review:hover{background-color:color-mix(in srgb,var(--primary) 6%,var(--surface))!important;border-color:color-mix(in srgb,var(--primary) 35%,var(--line))!important;box-shadow:0 9px 28px color-mix(in srgb,var(--primary) 12%,transparent)!important;filter:none!important}.product-row:hover,.order-card:hover,.fs-gallery-tile:hover,.fs-admin-review:hover{background-color:color-mix(in srgb,var(--primary) 7%,var(--surface-low))!important}.product-thumb,.fs-gallery-tile img{transition:filter .26s var(--fs-motion-ease)!important}.product-row:hover .product-thumb,.fs-gallery-tile:hover img{filter:brightness(1.035) saturate(1.05)!important}}.product-row:has(button:active),.order-card:has(button:active),.fs-gallery-tile:has(button:active),.fs-admin-review:has(button:active){transform:scale(.996)!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)!important}.stats article:focus-within,.panel:focus-within,.product-row:focus-within,.order-card:focus-within,.fs-gallery-tile:focus-within,.fs-admin-review:focus-within{border-color:color-mix(in srgb,var(--primary) 32%,var(--line))!important;box-shadow:0 4px 18px color-mix(in srgb,var(--primary) 9%,transparent)!important}@media(prefers-reduced-motion:reduce){.stats article,.panel,.product-row,.order-card,.fs-gallery-tile,.fs-admin-review,.product-thumb,.fs-gallery-tile img{transition:none!important}.product-row:has(button:active),.order-card:has(button:active),.fs-gallery-tile:has(button:active),.fs-admin-review:has(button:active){transform:none!important}}html,body,.shell,.main,.content,.sidebar,.product-list,.orders-list,.fs-gallery-window,.fs-gallery-grid,.fs-modal,.admin-palette-menu,.fs-lightbox-stage,.fs-file-stage,*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar,*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-corner{width:0!important;height:0!important;display:none!important;background:transparent!important}
