@font-face{font-family:Readex;src:url('fonts/readex-pro.woff2');font-display:swap}@font-face{font-family:Plex;src:url('fonts/ibm-plex-sans-arabic.woff2');font-display:swap}
@font-face{font-family:Cairo;src:url('fonts/cairo-arabic.woff2')}@font-face{font-family:Kufi;src:url('fonts/kufi-arabic.woff2')}@font-face{font-family:Amiri;src:url('fonts/amiri-arabic.woff2')}*{box-sizing:border-box}body{margin:0;color:#2b1b20;background:#f6f0ea;font:13px Plex,Cairo,Tahoma,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,.file-button{cursor:pointer;border:1px solid #e8ddd3;border-radius:7px;background:#fff;padding:9px 13px}button:hover,.file-button:hover{background:#f1e7e0}button:disabled{opacity:.4;cursor:wait}input,select,textarea{border:1px solid #e8ddd3;border-radius:6px;background:#fbf8f4;padding:9px;width:100%;min-width:0}input[type=number]{direction:ltr}input[type=checkbox]{width:auto}input[type=color]{height:38px;padding:4px}input[type=range]{padding:0;accent-color:#8a1538}label{display:block;font-size:11px;color:#66766a;margin:9px 0}label input,label select{margin-top:5px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #62826b;outline-offset:2px}[hidden]{display:none!important}.primary{background:#8a1538;color:white;border-color:#8a1538}.primary:hover{background:#294a3d}a{color:inherit;text-decoration:none}header{height:76px;background:#fbf8f4;border-bottom:1px solid #e8ddd3;display:flex;align-items:center;gap:24px;padding:12px 24px}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:bold;white-space:nowrap}.brand>span{font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:1px;color:#7d6b70;font-weight:normal}.header-actions{display:flex;gap:7px;align-items:center;margin-inline-start:auto;flex-wrap:wrap}.header-actions button,.header-actions .file-button{font-size:11px}.file-button{position:relative;overflow:hidden;display:inline-block;color:#2b1b20}.file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}#workbench{display:grid;grid-template-columns:330px minmax(0,1fr);height:calc(100dvh - 76px)}#sidebar{border-left:1px solid #e8ddd3;background:#fff;min-height:0;overflow:auto}.tabs{display:flex;position:sticky;top:0;z-index:3;background:#fbf8f4;padding:9px;gap:5px;border-bottom:1px solid #e8ddd3}.tabs button{flex:1;border:0;background:transparent;font-size:11px}.tabs button[aria-selected=true]{background:#ede2d9;color:#8a1538}.panel{padding:18px}.panel h2{font-size:19px;line-height:1.5;margin:3px 0 16px}.panel h3{font-size:13px;margin:20px 0 9px}.panel p{font-size:11px;line-height:1.8}.panel details{border-bottom:1px solid #ede2d9;padding:12px 0}.panel summary{cursor:pointer;font-size:12px}.panel details>div{padding:5px 0 8px}.two,.three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.three button{font-size:10px;padding:7px}.wide{display:block;width:100%;margin:9px 0}.hint{color:#7d6b70;font-size:10px;line-height:1.9}.notice{background:#f7eddb;padding:10px;border-radius:7px;color:#86622d;font-size:10px;line-height:1.9}.viewport{position:relative;overflow:hidden;background:#efe5dc;min-width:0;min-height:400px}.viewport-head{position:absolute;top:18px;right:20px;left:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;z-index:2;pointer-events:none}.viewport-head>div,.viewport-head>button{pointer-events:auto}.viewport-head b{font-size:12px}.viewport-head small{display:block;font-size:10px;color:#7d6b70;margin-top:3px}.viewport-head button{font-size:10px;background:#fafbf5dd}.dot{display:inline-block;width:7px;height:7px;background:#59856c;border-radius:50%;margin-left:7px}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}#scene.presentation{background:#eadfd5}#emptyScene{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;pointer-events:none}#emptyScene button{pointer-events:auto}#emptyScene h1{font-size:34px;margin:8px}#emptyScene p{font-size:12px;color:#7d6b70}#viewToolbar{position:absolute;bottom:43px;right:16px;left:16px;display:flex;justify-content:center;gap:4px;flex-wrap:wrap}#viewToolbar button{font-size:10px;padding:7px 9px;background:#fafbf5ec}button[aria-pressed=true]{background:#8a1538!important;color:#fff}#meshStats{position:absolute;bottom:9px;left:15px;right:15px;text-align:center;font:10px Cairo;color:#6f5d62;pointer-events:none}#sectionControls{position:absolute;bottom:95px;right:20px;left:20px;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#fffffff0;border:1px solid #e8ddd3;border-radius:7px}#sectionControls label{display:flex;align-items:center;gap:5px;margin:0;min-width:80px}#sectionControls select{width:55px;margin:0}#sectionControls output{direction:ltr;white-space:nowrap;font:11px Arial}#measurement{position:absolute;top:95px;left:20px;right:20px;text-align:center;background:#fffce8;padding:10px;border-radius:5px;pointer-events:none}#loading{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);background:#fffffff0;padding:18px 25px;border-radius:9px;box-shadow:0 8px 35px #243c3220;z-index:4}dialog{border:1px solid #e8ddd3;background:#fbf8f4;border-radius:15px;padding:26px;max-height:90dvh;width:min(720px,94vw);color:#2b1b20}dialog::backdrop{background:#16302580;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header h2{font-size:25px;margin:7px 0 16px}.dialog-header button{font-size:22px;background:transparent;border:0}.eyebrow{font-size:10px;letter-spacing:1px;color:#7d6b70}#catalogDialog{width:min(1080px,96vw)}.catalog-filters{display:flex;gap:12px;margin:12px 0 22px}.catalog-filters select{max-width:180px}#catalogGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.catalog-card{padding:0;text-align:right;border-radius:10px;overflow:hidden;background:#fff}.catalog-art{height:115px;display:grid;place-items:center;background:linear-gradient(135deg,#ece0d6,#f2ebe3);font-size:43px;color:#6c8164}.catalog-card h3{font-size:13px;padding:0 12px;margin:13px 0 4px}.catalog-card p{padding:0 12px;margin:0 0 14px;color:#7d6b70;font-size:9px}.object-row{display:grid;grid-template-columns:20px 30px 1fr 26px;gap:6px;align-items:center;border-bottom:1px solid #ede2d9;padding:10px 0}.object-row input{margin:0;min-width:0;padding:5px;font-size:10px}.object-row button{padding:4px}.object-row.selected{background:#f3e9e2}.object-row small{grid-column:3;font:9px Arial;color:#988a8d}.tool-actions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tool-actions button{font-size:10px;flex:1}.metric-list{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px;margin:14px 0}.metric-list b{direction:ltr}.report-ok{background:#f4e4e8;padding:12px;border-radius:7px}.report-warn{background:#fff0d9;padding:12px;border-radius:7px;margin-top:10px}#notification{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#233b31;color:#fff;z-index:50;padding:12px 24px;border-radius:8px;max-width:90vw;font-size:12px;box-shadow:0 6px 30px #243c3225}.cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cost-grid label{margin:0}#costResult{background:#8a1538;color:#fff;padding:18px;border-radius:8px;margin:20px 0}#costResult strong{font-size:28px}.cost-lines{display:flex;gap:16px;flex-wrap:wrap;font-size:11px}#quoteText{direction:rtl;resize:vertical}#downloadLink{display:block;padding:12px;border:1px dashed #9b5a6e;margin-top:10px;overflow-wrap:anywhere}@media(max-width:1000px){header{padding:9px 15px;height:auto;min-height:76px;gap:12px}.header-actions{gap:4px}.header-actions button,.header-actions .file-button{font-size:10px;padding:7px}#workbench{grid-template-columns:290px minmax(0,1fr)}.panel{padding:14px}#catalogGrid{grid-template-columns:repeat(3,minmax(0,1fr))}#viewToolbar button{font-size:9px;padding:6px}}@media(max-width:680px){header{flex-wrap:wrap}.brand{font-size:24px}.header-actions{width:100%;margin:0;justify-content:space-between}#workbench{display:flex;flex-direction:column;height:auto}#sidebar{order:2;overflow:visible;border:0}.viewport{height:51dvh;min-height:360px;position:sticky;top:0;z-index:5}#viewToolbar{bottom:34px;gap:3px;right:8px;left:8px}.viewport-head{right:12px;left:12px;top:12px}#meshStats{font-size:8px}#sectionControls{bottom:100px;right:8px;left:8px}.cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#catalogGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-art{height:90px}dialog{padding:18px}.dialog-header h2{font-size:21px}.tabs{top:51dvh}#emptyScene h1{font-size:25px}}
/* Pattern previews, suggested logos and exact placement map. */
.pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:12px 0}.pattern-grid button{padding:6px 3px;font-size:9px;min-width:0}.pattern-grid svg{display:block;width:100%;height:35px;overflow:hidden;color:#987b42}.pattern-grid span{display:block}.pattern-grid button[aria-pressed=true] svg{color:#e3cd98}#logoDialog{width:min(800px,96vw)}#logoGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:52dvh;overflow:auto;padding:4px}.logo-card{display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 6px;min-height:110px}.logo-card img{width:58px;height:58px;object-fit:contain}.logo-card span{font-size:10px}.placement-editor{border:1px solid #e8ddd3;border-radius:10px;padding:9px;margin-top:14px}.placement-editor .two{align-items:center;gap:7px}.placement-editor label{margin:0}.placement-editor button{font-size:10px;margin-top:15px}#placementMap{display:block;width:100%;height:auto;border-radius:7px;margin-top:10px;touch-action:none;cursor:grab;outline-offset:3px}#placementMap:active{cursor:grabbing}.placement-error{background:#fff0f0;color:#b62337;border:1px solid #efbdc4;padding:8px;border-radius:5px}.placement-ok{color:#8a1538;background:#f3e9e2;padding:8px;border-radius:5px}@media(max-width:680px){#logoGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-card{min-height:95px}.logo-card img{width:45px;height:45px}}

.text-size-control{display:grid;grid-template-columns:1fr 34px minmax(75px,1.5fr) 34px;align-items:center;gap:8px;background:#f3e9e2;padding:10px;border-radius:9px;margin:12px 0}.text-size-control>div{display:flex;flex-direction:column;gap:3px}.text-size-control b{font-size:12px;color:#8a1538}.text-size-control output{font-size:11px;direction:ltr;color:#6f5d62}.text-size-control button{height:36px;padding:0;font:bold 21px Arial;border-radius:8px;background:#fff}.text-size-control input[type=range]{margin:0;min-width:60px;accent-color:#8a1538}
@media(max-width:680px){.brand small{display:none}header{min-height:0;padding:6px 10px;gap:6px}.header-actions{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding-bottom:2px}.header-actions>*{flex:none}.viewport{height:42dvh;min-height:280px}.tabs{top:42dvh}#viewToolbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;bottom:26px;scrollbar-width:none}#viewToolbar button{flex:none}#exportButton{position:fixed;bottom:14px;left:14px;z-index:30;padding:11px 18px;font-size:13px;box-shadow:0 4px 14px #0003}#sidebar{padding-bottom:72px}}

/* touch targets (audit 2026-11-06) */#undoButton,#redoButton{min-width:40px}@media(max-width:700px){summary{padding-block:10px;font-size:13px}}
/* English (LTR) workshop */html[dir=ltr] #sidebar{border-left:0;border-right:1px solid #e8ddd3}html[dir=ltr] .catalog-card{text-align:left}html[dir=ltr] #meshStats{font-family:Plex,Arial,sans-serif}.lang-switch{font-weight:600}