/* Lamsa Standalone Kitchen Planner 3.0 */
.lkp3-app,.lkp3-app *{box-sizing:border-box}.lkp3-app{--ink:#1c2a38;--muted:#667789;--line:#dce4eb;--soft:#f5f7f9;--panel:#fff;--stage:#eef2f5;--danger:#c54444;position:relative;width:100%;height:var(--lkp3-height,820px);min-height:620px;overflow:hidden;background:#fff;border:1px solid #dce3e9;border-radius:22px;box-shadow:0 22px 65px rgba(27,39,51,.12);color:var(--ink);font-family:"Tajawal","Noto Sans Arabic","Segoe UI",Arial,sans-serif;line-height:1.45;isolation:isolate}.lkp3-app button,.lkp3-app input{font:inherit}.lkp3-hidden{display:none!important}.lkp3-inline-notice{padding:14px;border:1px solid #e4d2c8;background:#fff8f3;border-radius:10px}.lkp3-loading{position:absolute;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:13px;background:#fff;color:var(--ink);transition:.25s}.lkp3-loading.is-hidden{opacity:0;pointer-events:none}.lkp3-loading span{width:24px;height:24px;border:3px solid #e7e9ec;border-top-color:var(--lkp3-accent);border-radius:50%;animation:lkp3spin .8s linear infinite}@keyframes lkp3spin{to{transform:rotate(360deg)}}
.lkp3-primary,.lkp3-secondary,.lkp3-header-btn,.lkp3-icon-btn,.lkp3-text-btn{border:0;cursor:pointer;transition:.18s ease}.lkp3-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border-radius:11px;background:var(--lkp3-accent);color:#fff;font-weight:800;box-shadow:0 8px 20px color-mix(in srgb,var(--lkp3-accent) 22%,transparent)}.lkp3-primary:hover{filter:brightness(.94);transform:translateY(-1px)}.lkp3-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-weight:750}.lkp3-secondary:hover{border-color:var(--lkp3-accent);color:var(--lkp3-accent)}.lkp3-large{min-height:48px;padding:12px 22px}.lkp3-block{width:100%}.lkp3-text-btn{padding:0;background:transparent;color:var(--lkp3-accent);font-size:12px;font-weight:800}.lkp3-text-btn:hover{text-decoration:underline}.lkp3-text-btn.danger{color:var(--danger)}
/* Wizard */
.lkp3-wizard{position:absolute;inset:0;z-index:900;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,#f8ebe4 0,transparent 36%),linear-gradient(135deg,#f7f8fa,#edf1f4)}.lkp3-wizard.is-hidden{display:none}.lkp3-wizard-card{width:min(800px,96vw);max-height:94%;overflow:auto;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:30px 34px;box-shadow:0 28px 85px rgba(22,36,50,.18)}.lkp3-wizard-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px}.lkp3-wizard-brand>span,.lkp3-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--lkp3-accent),color-mix(in srgb,var(--lkp3-accent) 70%,#692d19));color:#fff;font-weight:900;box-shadow:0 8px 22px color-mix(in srgb,var(--lkp3-accent) 25%,transparent)}.lkp3-wizard-brand div{display:flex;flex-direction:column}.lkp3-wizard-brand strong{font-size:17px}.lkp3-wizard-brand small{color:var(--muted)}.lkp3-wizard-step{display:none}.lkp3-wizard-step.is-active{display:block;animation:lkp3fade .25s ease}@keyframes lkp3fade{from{opacity:0;transform:translateY(8px)}}.lkp3-eyebrow{display:inline-block;margin-bottom:6px;color:var(--lkp3-accent);font-size:12px;font-weight:900;letter-spacing:.03em}.lkp3-wizard h1{font-size:38px;line-height:1.25;margin:5px 0 10px}.lkp3-wizard h2{font-size:28px;margin:6px 0 22px}.lkp3-wizard p{max-width:620px;margin:0 0 22px;color:var(--muted);font-size:16px}.lkp3-welcome-actions{display:flex;gap:12px;margin-bottom:22px}.lkp3-wizard-features{display:flex;gap:9px;flex-wrap:wrap}.lkp3-wizard-features span{padding:7px 11px;border-radius:100px;background:#f1f5f3;color:#42624c;font-size:12px;font-weight:700}.lkp3-link-button{border:0;background:transparent;padding:0;margin-bottom:16px;color:var(--muted);cursor:pointer;font-weight:700}.lkp3-shape-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:21px}.lkp3-shape-cards button{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:120px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);cursor:pointer}.lkp3-shape-cards button:hover,.lkp3-shape-cards button.is-active{border-color:var(--lkp3-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--lkp3-accent) 12%,transparent);background:#fffaf7}.lkp3-shape-cards i{display:block;width:55px;height:48px;border:6px solid #637384;border-radius:2px}.lkp3-shape-cards .lkp3-shape-l{clip-path:polygon(0 0,45% 0,45% 55%,100% 55%,100% 100%,0 100%)}.lkp3-shape-cards .lkp3-shape-u{clip-path:polygon(0 0,30% 0,30% 60%,70% 60%,70% 0,100% 0,100% 100%,0 100%)}.lkp3-shape-cards .lkp3-shape-custom{clip-path:polygon(5% 15%,75% 0,100% 55%,65% 100%,0 80%)}.lkp3-wizard-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px}.lkp3-wizard-dimensions label{display:flex;flex-direction:column;gap:6px}.lkp3-wizard-dimensions label>span{font-size:12px;font-weight:800}.lkp3-wizard-dimensions label>div{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:#fff}.lkp3-wizard-dimensions input{min-width:0;width:100%;height:44px;border:0;background:transparent;padding:0 12px;outline:0;text-align:center}.lkp3-wizard-dimensions em{font-style:normal;color:var(--muted);padding:0 10px}.lkp3-wizard-dimensions .lkp3-notch{display:none}.lkp3-wizard-dimensions.show-notch .lkp3-notch{display:flex}.lkp3-style-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:21px}.lkp3-style-presets button{display:flex;flex-direction:column;text-align:right;gap:4px;padding:11px;border:1px solid var(--line);border-radius:17px;background:#fff;cursor:pointer;color:var(--ink)}.lkp3-style-presets button:hover,.lkp3-style-presets button.is-active{border-color:var(--lkp3-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--lkp3-accent) 12%,transparent)}.lkp3-style-presets small{color:var(--muted)}.lkp3-style-preview{height:100px;border-radius:11px;margin-bottom:8px;background:linear-gradient(90deg,#f0e9de 0 25%,#d5b996 25% 50%,#f6f4ef 50% 75%,#c8b49c 75%)}.lkp3-style-preview.classic{background:linear-gradient(90deg,#e8e1d6 0 32%,#c9a96b 32% 36%,#f4f0e8 36% 70%,#d4c4aa 70%)}.lkp3-style-preview.dark{background:linear-gradient(90deg,#343b42 0 35%,#111820 35% 40%,#767c80 40% 72%,#252b30 72%)}
/* Header */
.lkp3-header{height:68px;display:flex;align-items:center;gap:16px;padding:9px 14px 9px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);position:relative;z-index:50}.lkp3-brand{display:flex;align-items:center;gap:10px;min-width:220px}.lkp3-logo{width:43px;height:43px;border-radius:13px}.lkp3-brand>div{display:flex;flex-direction:column;min-width:0}.lkp3-brand strong{font-size:14px}.lkp3-brand input{width:180px;border:0;background:transparent;color:var(--muted);font-size:11px;padding:1px 0;outline:0;text-overflow:ellipsis}.lkp3-brand input:focus{color:var(--ink);border-bottom:1px solid var(--lkp3-accent)}.lkp3-save-state{display:flex;align-items:center;gap:6px;margin-inline-start:auto;color:var(--muted)}.lkp3-save-state span{width:8px;height:8px;border-radius:50%;background:#44a16d}.lkp3-save-state.is-saving span{background:#e3a534;animation:lkp3pulse 1s infinite}@keyframes lkp3pulse{50%{opacity:.4}}.lkp3-header-actions{display:flex;align-items:center;gap:7px}.lkp3-icon-btn,.lkp3-header-btn{height:39px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.lkp3-icon-btn{width:39px;font-size:18px}.lkp3-header-btn{display:flex;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:800}.lkp3-icon-btn:hover,.lkp3-header-btn:hover{border-color:var(--lkp3-accent);color:var(--lkp3-accent);background:#fffaf7}.lkp3-help-toggle{background:#f5f7f9}.lkp3-app.is-focus .lkp3-tool-panel,.lkp3-app.is-focus .lkp3-guide{display:none}.lkp3-app.is-focus .lkp3-workspace{grid-template-columns:1fr}.lkp3-app.is-focus .lkp3-stage-shell{grid-column:1}
/* Workspace */
.lkp3-workspace{height:calc(100% - 68px);display:grid;grid-template-columns:330px minmax(420px,1fr) 310px;background:var(--stage);overflow:hidden}.lkp3-tool-panel{display:grid;grid-template-columns:64px 1fr;background:#fff;border-inline-end:1px solid var(--line);min-width:0;position:relative;z-index:20}.lkp3-main-tabs{display:flex;flex-direction:column;gap:5px;padding:12px 7px;border-inline-end:1px solid #ebeff3;background:#f8fafb}.lkp3-main-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;border:0;border-radius:12px;background:transparent;color:#7b8896;cursor:pointer}.lkp3-main-tabs button span{font-size:21px}.lkp3-main-tabs button small{font-size:10px;font-weight:800}.lkp3-main-tabs button:hover,.lkp3-main-tabs button.is-active{background:#fff;color:var(--lkp3-accent);box-shadow:0 5px 18px rgba(40,53,66,.08)}.lkp3-tab-content{display:none;overflow:auto;padding:17px 15px 35px;scrollbar-width:thin}.lkp3-tab-content.is-active{display:block}.lkp3-panel-heading{margin-bottom:15px}.lkp3-panel-heading>div{display:flex;align-items:center;gap:9px}.lkp3-panel-heading>div>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#fff0e8;color:var(--lkp3-accent);font-size:11px;font-weight:900}.lkp3-panel-heading h2{font-size:18px;margin:0}.lkp3-panel-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.lkp3-card{padding:14px;margin-bottom:11px;border:1px solid var(--line);border-radius:15px;background:#fff}.lkp3-card h3{font-size:13px;margin:0 0 12px}.lkp3-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.lkp3-section-title h3{margin:0 0 10px}.lkp3-pill{padding:4px 8px;border-radius:50px;background:#f1f4f6;color:var(--muted);font-size:10px;font-weight:800}.lkp3-field-grid{display:grid;gap:8px;margin-bottom:11px}.lkp3-field-grid.three{grid-template-columns:repeat(3,1fr)}.lkp3-field-grid.two{grid-template-columns:repeat(2,1fr)}.lkp3-field-grid label{display:flex;flex-direction:column;gap:5px}.lkp3-field-grid label>span{font-size:10px;color:var(--muted);font-weight:700}.lkp3-field-grid label>div{display:flex;align-items:center;height:38px;border:1px solid var(--line);border-radius:9px}.lkp3-field-grid input{min-width:0;width:100%;border:0;outline:0;background:transparent;padding:0 7px;text-align:center;font-size:12px}.lkp3-field-grid em{padding:0 6px;color:var(--muted);font-size:10px;font-style:normal}.lkp3-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.lkp3-action-grid button{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;align-items:center;text-align:right;gap:1px 7px;min-height:62px;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);cursor:pointer}.lkp3-action-grid button:hover{border-color:var(--lkp3-accent);background:#fffaf7}.lkp3-action-grid button b{font-size:11px}.lkp3-action-grid button small{font-size:9px;color:var(--muted)}.lkp3-action-icon{grid-row:1/3;display:block;width:31px;height:31px;position:relative;border:2px solid var(--lkp3-accent);border-radius:5px}.lkp3-action-icon.door:after{content:"";position:absolute;right:4px;bottom:0;width:18px;height:24px;border:2px solid var(--lkp3-accent);border-bottom:0}.lkp3-action-icon.window:after{content:"";position:absolute;inset:6px;border:2px solid var(--lkp3-accent)}.lkp3-action-icon.corner{clip-path:polygon(0 0,45% 0,45% 55%,100% 55%,100% 100%,0 100%)}.lkp3-action-icon.column{background:repeating-linear-gradient(90deg,transparent 0 4px,color-mix(in srgb,var(--lkp3-accent) 20%,transparent) 4px 7px)}.lkp3-inline-actions{display:flex;justify-content:space-between;gap:7px;margin-top:10px}.lkp3-info-row{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:9px}.lkp3-info-row strong{color:var(--ink)}.lkp3-wall-list{display:flex;gap:5px;overflow:auto;padding-bottom:3px}.lkp3-wall-list button{min-width:54px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:9px;cursor:pointer}.lkp3-wall-list button.is-active{border-color:var(--lkp3-accent);background:#fff7f2;color:var(--lkp3-accent)}.lkp3-color-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lkp3-color-fields label{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:9px;font-size:10px;font-weight:700}.lkp3-color-fields input{width:30px;height:28px;border:0;padding:0;background:transparent}.lkp3-search,.lkp3-guide-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 10px;margin-bottom:10px}.lkp3-search input,.lkp3-guide-search input{width:100%;height:40px;border:0;outline:0;background:transparent;font-size:11px}.lkp3-search span,.lkp3-guide-search span{color:var(--muted)}.lkp3-chip-row{display:flex;gap:5px;overflow:auto;padding:2px 0 9px}.lkp3-chip-row button{white-space:nowrap;border:1px solid var(--line);border-radius:30px;background:#fff;padding:6px 10px;color:var(--muted);font-size:10px;cursor:pointer}.lkp3-chip-row button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.lkp3-unit-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lkp3-unit-card{position:relative;display:flex;flex-direction:column;padding:9px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:grab;min-width:0}.lkp3-unit-card:hover{border-color:var(--lkp3-accent);box-shadow:0 6px 18px rgba(35,50,64,.08);transform:translateY(-1px)}.lkp3-unit-card:active{cursor:grabbing}.lkp3-unit-card .lkp3-unit-visual{height:77px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#f6f3ee,#e9edf0);overflow:hidden}.lkp3-unit-card strong{font-size:10px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lkp3-unit-card small{font-size:8px;color:var(--muted)}.lkp3-unit-card button{margin-top:6px;border:0;border-radius:8px;background:#f2f5f7;color:var(--ink);padding:6px;font-size:9px;font-weight:800;cursor:pointer}.lkp3-unit-card button:hover{background:var(--lkp3-accent);color:#fff}.lkp3-unit-illustration{position:relative;width:58px;height:58px;border:2px solid #89939e;background:#e9e5dd;box-shadow:5px 5px 0 #c9c1b5;transform:perspective(120px) rotateY(-8deg)}.lkp3-unit-illustration:before{content:"";position:absolute;inset:4px;border:1px solid #a9a298;background:#f6f3ee}.lkp3-unit-illustration.drawer:before{background:repeating-linear-gradient(0deg,#f6f3ee 0 13px,#9c958b 13px 14px)}.lkp3-unit-illustration.wall{height:43px;align-self:start}.lkp3-unit-illustration.tall{height:70px;width:42px}.lkp3-unit-illustration.corner{clip-path:polygon(0 0,65% 0,65% 35%,100% 35%,100% 100%,0 100%)}.lkp3-unit-illustration.appliance:before{background:linear-gradient(#222 0 45%,#626970 45% 50%,#e8e5df 50%)}.lkp3-unit-illustration.shelf:before{background:repeating-linear-gradient(0deg,transparent 0 13px,#8b7965 13px 15px)}
.lkp3-apply-scope{display:grid;grid-template-columns:1fr 1fr;padding:3px;margin-bottom:10px;border-radius:10px;background:#eef2f4}.lkp3-apply-scope button{border:0;border-radius:8px;background:transparent;padding:7px;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.lkp3-apply-scope button.is-active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(20,35,50,.08)}.lkp3-front-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.lkp3-front-options button{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px;color:var(--ink);font-size:9px;cursor:pointer}.lkp3-front-options button.is-active{border-color:var(--lkp3-accent);background:#fff8f4}.lkp3-front-options span{width:38px;height:38px;background:#eee8df;border:1px solid #bcb6ad}.lkp3-front-options .shaker{box-shadow:inset 0 0 0 5px #eee8df,inset 0 0 0 7px #aaa59e}.lkp3-front-options .framed{box-shadow:inset 0 0 0 3px #eee8df,inset 0 0 0 4px #aaa59e}.lkp3-swatches{display:flex;gap:8px;flex-wrap:wrap}.lkp3-swatches button{position:relative;width:29px;height:29px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #cfd6dc;cursor:pointer}.lkp3-swatches button.is-active:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 1px 3px #000;font-size:12px;font-weight:900}.lkp3-handle-options{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.lkp3-handle-options button{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:7px 3px;color:var(--muted);font-size:8px;cursor:pointer}.lkp3-handle-options button.is-active{border-color:var(--lkp3-accent);color:var(--ink);background:#fff8f4}.lkp3-handle-options i{display:block;width:28px;height:8px;border-radius:4px;background:#1f252a}.lkp3-handle-options .bar-steel{background:#aeb5b9}.lkp3-handle-options .knob-brass{width:10px;height:10px;border-radius:50%;background:#b38a45}.lkp3-handle-options .profile{height:4px;background:#7d8488}.lkp3-handle-options .none{background:transparent;border:1px dashed #ccd3d8}.lkp3-switch{display:inline-flex}.lkp3-switch input{display:none}.lkp3-switch span{width:37px;height:21px;padding:3px;border-radius:20px;background:#cbd2d8;cursor:pointer}.lkp3-switch span:after{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.lkp3-switch input:checked+span{background:var(--lkp3-accent)}.lkp3-switch input:checked+span:after{transform:translateX(-16px)}.lkp3-worktop-options{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.lkp3-worktop-options button{height:35px;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 1px #ccd3d8;cursor:pointer;background:#eee}.lkp3-worktop-options button.is-active{box-shadow:0 0 0 2px var(--lkp3-accent)}.lkp3-worktop-options .marble-white{background:linear-gradient(130deg,#f5f4f0 0 38%,#aaa 39% 40%,#f8f7f4 41% 68%,#c5c5c5 69% 70%,#f3f1ee 71%)}.lkp3-worktop-options .marble-black{background:linear-gradient(130deg,#17191c 0 45%,#8b8b8b 46% 47%,#24272a 48% 75%,#c5c5c5 76% 77%,#111315 78%)}.lkp3-worktop-options .concrete{background:radial-gradient(circle at 20% 20%,#aaa 0 2px,transparent 3px),#8e9293}.lkp3-worktop-options .oak{background:repeating-linear-gradient(90deg,#9d7145 0 4px,#b88755 4px 9px)}.lkp3-worktop-options .quartz{background:radial-gradient(circle,#ccc 0 1px,transparent 2px),#f1eee8;background-size:6px 6px}.lkp3-range{display:block;margin-top:12px}.lkp3-range span{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.lkp3-range input{width:100%;accent-color:var(--lkp3-accent)}
/* Stage */
.lkp3-stage-shell{position:relative;min-width:0;overflow:hidden;background:linear-gradient(180deg,#edf1f4,#e9edf0)}.lkp3-stage{position:absolute;inset:50px 0 0;overflow:hidden;outline:0;touch-action:none}.lkp3-stage canvas{display:block;width:100%;height:100%;cursor:default}.lkp3-stage.is-drop-target:after{content:"أفلِت الوحدة هنا";position:absolute;inset:20px;border:2px dashed var(--lkp3-accent);border-radius:20px;display:grid;place-items:center;background:color-mix(in srgb,var(--lkp3-accent) 8%,transparent);color:var(--lkp3-accent);font-size:18px;font-weight:900;pointer-events:none}.lkp3-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.lkp3-overlay .lkp3-wall-hit,.lkp3-overlay .lkp3-vertex{pointer-events:all;cursor:pointer}.lkp3-overlay .lkp3-vertex{cursor:move}.lkp3-stage-topbar{height:50px;position:absolute;z-index:8;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:8px 13px;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(210,220,228,.8);backdrop-filter:blur(12px)}.lkp3-view-switch{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:10px;background:#dfe5e9}.lkp3-view-switch button{border:0;border-radius:8px;background:transparent;padding:6px 17px;color:#657382;font-weight:900;cursor:pointer}.lkp3-view-switch button.is-active{background:#fff;color:var(--ink);box-shadow:0 3px 9px rgba(25,38,51,.12)}.lkp3-stage-options{display:flex;gap:5px}.lkp3-stage-options button{border:1px solid transparent;border-radius:8px;background:transparent;color:#677685;padding:6px 8px;font-size:10px;font-weight:800;cursor:pointer}.lkp3-stage-options button:hover,.lkp3-stage-options button.is-active{background:#fff;border-color:var(--line);color:var(--ink)}.lkp3-context-bar{position:absolute;z-index:9;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:5px;border:1px solid rgba(214,221,227,.9);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 12px 36px rgba(28,42,56,.17);backdrop-filter:blur(12px)}.lkp3-context-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:55px;height:48px;border:0;border-radius:10px;background:transparent;color:#687786;cursor:pointer}.lkp3-context-bar button span{font-size:17px}.lkp3-context-bar button small{font-size:8px;font-weight:800}.lkp3-context-bar button:hover,.lkp3-context-bar button.is-active{background:#edf2f5;color:var(--ink)}.lkp3-context-bar button.danger{color:#bd4c4c}.lkp3-empty-tip{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;color:#657585;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.8);border-radius:17px;padding:17px 22px;backdrop-filter:blur(8px)}.lkp3-empty-tip span{font-size:28px;color:var(--lkp3-accent)}.lkp3-empty-tip strong{font-size:13px;color:var(--ink)}.lkp3-empty-tip small{max-width:230px;font-size:10px}.lkp3-selection-card{position:absolute;z-index:9;top:64px;left:13px;display:flex;align-items:center;gap:8px;min-width:260px;padding:9px 11px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.95);box-shadow:0 9px 26px rgba(25,38,51,.12);backdrop-filter:blur(10px)}.lkp3-selection-card>button{position:absolute;left:5px;top:2px;border:0;background:transparent;color:#8995a0;cursor:pointer}.lkp3-selection-card .lkp3-unit-icon{width:39px;height:39px;border-radius:9px;background:#eee8df;border:1px solid #c8c0b6}.lkp3-selection-card>div{display:flex;flex-direction:column;min-width:90px}.lkp3-selection-card strong{font-size:11px}.lkp3-selection-card small{font-size:9px;color:var(--muted)}.lkp3-selection-card label{display:flex;align-items:center;gap:4px;margin-inline-start:auto;color:var(--muted);font-size:9px}.lkp3-selection-card input{width:48px;height:28px;border:1px solid var(--line);border-radius:7px;text-align:center}.lkp3-toast{position:absolute;z-index:80;top:65px;left:50%;transform:translate(-50%,-10px);padding:10px 15px;border-radius:11px;background:#1f2c39;color:#fff;font-size:11px;font-weight:750;box-shadow:0 10px 28px rgba(20,35,48,.25);opacity:0;pointer-events:none;transition:.2s}.lkp3-toast.is-visible{opacity:1;transform:translate(-50%,0)}.lkp3-toast.success{background:#367b55}.lkp3-toast.warning{background:#9a6b20}.lkp3-toast.error{background:#ad3f3f}.lkp3-validation{position:absolute;z-index:7;bottom:78px;right:12px;max-width:290px;padding:9px 12px;border:1px solid #e4c38e;border-radius:10px;background:#fff8e9;color:#7b5a23;font-size:10px;box-shadow:0 7px 20px rgba(45,50,55,.1)}
/* Guide */
.lkp3-guide{display:flex;flex-direction:column;min-width:0;border-inline-start:1px solid var(--line);background:#fff;position:relative;z-index:20;transform:translateX(-100%);margin-inline-end:-310px;transition:.25s ease}.lkp3-guide.is-open{transform:translateX(0);margin-inline-end:0}.lkp3-guide-header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line)}.lkp3-guide-header>div{display:flex;align-items:center;gap:9px}.lkp3-guide-header>div>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#fff0e8;color:var(--lkp3-accent);font-weight:900}.lkp3-guide-header>div>div{display:flex;flex-direction:column}.lkp3-guide-header strong{font-size:13px}.lkp3-guide-header small{color:var(--muted);font-size:9px}.lkp3-guide-header>button{border:0;background:transparent;font-size:20px;color:#7d8994;cursor:pointer}.lkp3-guide-search{margin:11px 13px 5px}.lkp3-guide-progress{padding:12px 14px;border-bottom:1px solid var(--line)}.lkp3-guide-progress h3{font-size:12px;margin:0}.lkp3-guide-progress .lkp3-section-title strong{font-size:11px;color:var(--lkp3-accent)}.lkp3-progress-track{height:6px;border-radius:10px;background:#e9edf0;overflow:hidden;margin-bottom:10px}.lkp3-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lkp3-accent),#df9875);transition:.35s}.lkp3-guide-progress ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}.lkp3-guide-progress li{display:flex;align-items:center;gap:7px}.lkp3-guide-progress li i{width:16px;height:16px;border:1px solid #cbd3da;border-radius:50%;background:#fff}.lkp3-guide-progress li.is-done i{border-color:#3f9b68;background:#3f9b68;box-shadow:inset 0 0 0 4px #fff}.lkp3-guide-progress li button{border:0;background:transparent;padding:0;color:#5c6b79;font-size:9px;cursor:pointer;text-align:right}.lkp3-guide-progress li.is-done button{text-decoration:line-through;color:#8a959e}.lkp3-guide-articles{flex:1;overflow:auto;padding:8px 13px 20px;scrollbar-width:thin}.lkp3-guide-articles details{border-bottom:1px solid #edf0f2}.lkp3-guide-articles summary{display:flex;align-items:center;gap:8px;padding:12px 2px;cursor:pointer;font-size:11px;font-weight:850;list-style:none}.lkp3-guide-articles summary::-webkit-details-marker{display:none}.lkp3-guide-articles summary:after{content:"＋";margin-inline-start:auto;color:#8b97a2}.lkp3-guide-articles details[open] summary:after{content:"−"}.lkp3-guide-articles summary span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:8px;background:#f0f3f5;color:var(--lkp3-accent);font-size:10px}.lkp3-guide-articles details>div{padding:0 4px 13px;color:#62717f;font-size:10px}.lkp3-guide-articles p{margin:0 0 8px}.lkp3-guide-articles ul,.lkp3-guide-articles ol{padding-right:18px;margin:6px 0}.lkp3-guide-articles li{margin:4px 0}.lkp3-guide-articles button{border:0;border-radius:8px;background:#fff1e9;color:var(--lkp3-accent);padding:7px 9px;font-size:9px;font-weight:800;cursor:pointer}.lkp3-guide-note{padding:8px;border-right:3px solid #e0a43c;background:#fff8e8;border-radius:6px;margin:8px 0}.lkp3-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lkp3-shortcuts span{display:flex;align-items:center;gap:4px}.lkp3-shortcuts kbd{padding:2px 5px;border:1px solid #cbd3da;border-bottom-width:2px;border-radius:5px;background:#fff;color:#374654;font-size:8px}.lkp3-guide-footer{padding:10px 13px;border-top:1px solid var(--line)}
/* Modal / menu / tour */
.lkp3-modal{position:absolute;inset:0;z-index:700;display:grid;place-items:center;padding:18px;background:rgba(20,30,40,.48);backdrop-filter:blur(5px)}.lkp3-modal-card{position:relative;width:min(620px,94%);max-height:88%;overflow:auto;padding:23px;border-radius:20px;background:#fff;box-shadow:0 25px 85px rgba(15,25,35,.35)}.lkp3-modal-card h2{font-size:20px;margin:0 0 7px}.lkp3-modal-card>p{color:var(--muted);font-size:11px}.lkp3-modal-close{position:absolute;top:10px;left:12px;border:0;background:transparent;font-size:23px;color:#7f8a94;cursor:pointer}.lkp3-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.lkp3-modal-field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.lkp3-modal-field span{font-size:11px;font-weight:800}.lkp3-modal-field input{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 10px;outline:0}.lkp3-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.lkp3-export-grid button,.lkp3-export-grid label{display:flex;align-items:center;gap:10px;text-align:right;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer}.lkp3-export-grid button:hover,.lkp3-export-grid label:hover{border-color:var(--lkp3-accent);background:#fff8f4}.lkp3-export-grid i{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#eef2f4;color:var(--lkp3-accent);font-style:normal;font-weight:900}.lkp3-project-list{display:grid;gap:8px;margin-top:14px}.lkp3-project-row{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px}.lkp3-project-row>div{flex:1;display:flex;flex-direction:column}.lkp3-project-row strong{font-size:12px}.lkp3-project-row small{font-size:9px;color:var(--muted)}.lkp3-project-row button{border:0;border-radius:8px;background:#eef2f4;color:var(--ink);padding:7px 9px;font-size:9px;font-weight:800;cursor:pointer}.lkp3-project-row button:hover{background:var(--lkp3-accent);color:#fff}.lkp3-project-row button.danger:hover{background:var(--danger)}.lkp3-tour{position:absolute;inset:0;z-index:800;pointer-events:none;background:rgba(15,25,35,.58)}.lkp3-tour-highlight{position:absolute;border:3px solid #fff;border-radius:16px;box-shadow:0 0 0 9999px rgba(15,25,35,.6),0 0 30px rgba(255,255,255,.6);transition:.3s}.lkp3-tour-card{position:absolute;width:300px;padding:17px;border-radius:16px;background:#fff;box-shadow:0 22px 60px rgba(10,20,30,.35);pointer-events:auto}.lkp3-tour-card>span{color:var(--lkp3-accent);font-size:10px;font-weight:900}.lkp3-tour-card h3{font-size:16px;margin:5px 0}.lkp3-tour-card p{font-size:11px;color:var(--muted);margin:0 0 12px}.lkp3-tour-card>div{display:flex;justify-content:space-between;align-items:center}
/* Responsive */
@media(max-width:1180px){.lkp3-workspace{grid-template-columns:310px minmax(390px,1fr)}.lkp3-guide{position:absolute;top:68px;bottom:0;left:0;width:320px;margin:0;transform:translateX(-102%);box-shadow:15px 0 45px rgba(20,35,50,.16)}.lkp3-guide.is-open{transform:translateX(0)}.lkp3-save-state{display:none}.lkp3-header-btn span{display:none}}
@media(max-width:850px){.lkp3-app{height:max(680px,var(--lkp3-height));border-radius:0}.lkp3-header{height:61px;padding:8px}.lkp3-brand{min-width:0}.lkp3-logo{width:39px;height:39px}.lkp3-brand strong{font-size:12px}.lkp3-brand input{width:130px}.lkp3-header-actions{margin-inline-start:auto}.lkp3-header-btn{width:39px;padding:0;justify-content:center;font-size:0}.lkp3-header-btn span{display:inline;font-size:16px}.lkp3-workspace{height:calc(100% - 61px);grid-template-columns:1fr}.lkp3-tool-panel{position:absolute;z-index:60;top:61px;bottom:0;right:0;width:min(345px,92vw);transform:translateX(102%);box-shadow:-18px 0 50px rgba(20,35,50,.2);transition:.25s}.lkp3-tool-panel.is-open{transform:translateX(0)}.lkp3-stage-shell{grid-column:1}.lkp3-stage-topbar{padding-inline:8px}.lkp3-stage-options button{font-size:0}.lkp3-stage-options button:first-letter{font-size:14px}.lkp3-context-bar{bottom:10px}.lkp3-context-bar button{min-width:49px}.lkp3-guide{top:61px;width:min(330px,94vw)}.lkp3-wizard-card{padding:22px}.lkp3-wizard h1{font-size:29px}.lkp3-shape-cards{grid-template-columns:1fr 1fr}.lkp3-wizard-dimensions{grid-template-columns:1fr 1fr}.lkp3-style-presets{grid-template-columns:1fr}.lkp3-style-preview{height:68px}.lkp3-stage-shell:before{content:"أدوات";position:absolute;z-index:15;right:8px;bottom:77px;padding:8px 11px;border-radius:10px;background:var(--ink);color:#fff;font-size:10px;font-weight:900;cursor:pointer}.lkp3-stage-shell.mobile-tools-open:before{content:"إغلاق الأدوات"}}
@media(max-width:540px){.lkp3-header .lkp3-icon-btn:nth-of-type(1),.lkp3-header .lkp3-icon-btn:nth-of-type(2),.lkp3-header-btn:nth-of-type(1){display:none}.lkp3-brand input{width:105px}.lkp3-welcome-actions{flex-direction:column}.lkp3-wizard-dimensions{grid-template-columns:1fr}.lkp3-unit-list{grid-template-columns:1fr 1fr}.lkp3-selection-card{left:8px;right:8px;min-width:0}.lkp3-context-bar{width:calc(100% - 16px);justify-content:center}.lkp3-context-bar button{flex:1;min-width:0}.lkp3-context-bar small{display:none}.lkp3-export-grid{grid-template-columns:1fr}.lkp3-field-grid.three{grid-template-columns:1fr 1fr 1fr}}
.lkp3-mobile-tools-button{display:none;position:absolute;z-index:16;right:8px;bottom:75px;border:0;border-radius:10px;background:var(--ink);color:#fff;padding:9px 12px;font-size:10px;font-weight:900;box-shadow:0 8px 22px rgba(20,35,50,.2)}@media(max-width:850px){.lkp3-mobile-tools-button{display:block}.lkp3-stage-shell:before{display:none}}


/* 3.1 usability and interaction fixes */
html.lkp3-page-locked,body.lkp3-page-locked{overflow:hidden!important;overscroll-behavior:none}
.lkp3-app{height:clamp(640px,calc(100dvh - 24px),var(--lkp3-height,820px));min-height:0;overflow:hidden}
.lkp3-app.is-focus{position:fixed!important;inset:0!important;z-index:999999!important;width:100vw!important;height:100dvh!important;max-width:none!important;border:0!important;border-radius:0!important;margin:0!important}
.lkp3-app.is-focus .lkp3-tool-panel,.lkp3-app.is-focus .lkp3-guide{display:none!important}
.lkp3-app.is-focus .lkp3-workspace{grid-template-columns:minmax(0,1fr)!important}
.lkp3-workspace{grid-template-columns:minmax(300px,340px) minmax(500px,1fr) minmax(290px,330px);min-height:0;isolation:isolate}
.lkp3-tool-panel,.lkp3-guide,.lkp3-stage-shell{height:100%;min-height:0;overflow:hidden}
.lkp3-tool-panel{grid-template-rows:minmax(0,1fr)}
.lkp3-main-tabs{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.lkp3-tab-content{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.lkp3-tab-content::-webkit-scrollbar,.lkp3-guide-articles::-webkit-scrollbar,.lkp3-main-tabs::-webkit-scrollbar{width:8px}
.lkp3-tab-content::-webkit-scrollbar-thumb,.lkp3-guide-articles::-webkit-scrollbar-thumb,.lkp3-main-tabs::-webkit-scrollbar-thumb{background:#cbd4db;border:2px solid transparent;border-radius:12px;background-clip:padding-box}
.lkp3-stage-shell{box-shadow:inset 0 0 0 1px rgba(210,220,228,.45)}
.lkp3-stage{overscroll-behavior:contain;user-select:none;-webkit-user-select:none}
.lkp3-stage canvas{touch-action:none;outline:none}
.lkp3-stage[data-navigation="orbit"] canvas{cursor:grab}
.lkp3-stage[data-navigation="pan"] canvas{cursor:move}
.lkp3-stage canvas:active,.lkp3-stage.is-dragging-item canvas{cursor:grabbing}
.lkp3-stage-topbar{gap:10px;height:56px;padding:8px 12px;background:rgba(255,255,255,.92)}
.lkp3-stage{inset:56px 0 0}
.lkp3-navigation-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#f5f7f9;margin-inline:auto}
.lkp3-navigation-switch button{display:flex;align-items:center;gap:5px;min-height:31px;border:0;border-radius:7px;background:transparent;padding:5px 10px;color:#657382;font-size:10px;font-weight:850;cursor:pointer}
.lkp3-navigation-switch button:hover,.lkp3-navigation-switch button.is-active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(25,38,51,.1)}
.lkp3-is-view-2d .lkp3-navigation-switch [data-nav-mode="orbit"],.lkp3-app.is-view-2d .lkp3-navigation-switch [data-nav-mode="orbit"]{display:none}
.lkp3-stage-options button{display:flex;align-items:center;gap:4px;white-space:nowrap}
.lkp3-navigation-hint{position:absolute;z-index:6;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;max-width:min(520px,calc(100% - 32px));padding:9px 12px;border:1px solid rgba(213,222,230,.9);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(28,42,56,.12);backdrop-filter:blur(10px);color:#526271;pointer-events:auto;transition:.22s}
.lkp3-navigation-hint.is-hidden{display:none}
.lkp3-navigation-hint .lkp3-mouse-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf2f5;color:var(--lkp3-accent);font-size:16px;flex:0 0 auto}
.lkp3-navigation-hint>div{display:flex;flex-direction:column;min-width:0}
.lkp3-navigation-hint strong{font-size:10px;color:var(--ink)}
.lkp3-navigation-hint small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lkp3-navigation-hint>button{border:0;background:transparent;color:#7f8b96;cursor:pointer;font-size:17px;padding:2px}
.lkp3-context-bar{opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.18s ease;bottom:14px;max-width:calc(100% - 24px)}
.lkp3-context-bar.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.lkp3-context-bar button{min-width:54px}
.lkp3-context-bar button:disabled{opacity:.35;cursor:not-allowed}
.lkp3-guide{height:100%;min-height:0;max-height:100%;overflow:hidden;contain:layout paint}
.lkp3-guide-header,.lkp3-guide-search,.lkp3-guide-progress,.lkp3-guide-footer{flex:0 0 auto}
.lkp3-guide-search{min-height:42px}
.lkp3-guide-progress{padding:10px 14px}
.lkp3-guide-progress ul{grid-template-columns:1fr 1fr;gap:4px 8px}
.lkp3-guide-progress li{min-width:0}
.lkp3-guide-progress li button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lkp3-guide-articles{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:28px;-webkit-overflow-scrolling:touch}
.lkp3-guide-articles details{scroll-margin-top:8px}
.lkp3-drawer-backdrop{display:none;position:absolute;inset:0;z-index:55;border:0;background:rgba(20,31,42,.36);backdrop-filter:blur(2px);cursor:pointer}
.lkp3-drawer-backdrop.is-visible{display:block}
.lkp3-overlay{z-index:2}
.lkp3-empty-tip{max-width:330px}
.lkp3-selection-card{top:70px}
@media(max-width:1400px){
  .lkp3-workspace{grid-template-columns:300px minmax(430px,1fr) 300px}
  .lkp3-navigation-switch span,.lkp3-stage-options span{display:none}
  .lkp3-navigation-switch button{font-size:14px;padding-inline:9px}
}
@media(max-width:1180px){
  .lkp3-workspace{grid-template-columns:310px minmax(0,1fr)}
  .lkp3-guide{height:auto;max-height:none;min-height:0;overflow:hidden}
  .lkp3-drawer-backdrop{top:0}
}
@media(max-width:850px){
  .lkp3-app{height:100dvh;min-height:620px}
  .lkp3-tool-panel{height:auto;min-height:0;overflow:hidden}
  .lkp3-stage-topbar{height:52px;padding:6px 8px;gap:5px}
  .lkp3-stage{inset:52px 0 0}
  .lkp3-view-switch button{padding:6px 12px}
  .lkp3-navigation-switch{margin-inline:0}
  .lkp3-stage-options{margin-inline-start:auto}
  .lkp3-stage-options button{padding:6px 7px;font-size:13px}
  .lkp3-navigation-hint{top:10px;padding:7px 9px;max-width:calc(100% - 20px)}
  .lkp3-navigation-hint strong{display:none}
  .lkp3-navigation-hint small{font-size:8px}
  .lkp3-guide-progress ul{grid-template-columns:1fr}
  .lkp3-context-bar{overflow-x:auto;justify-content:flex-start;width:calc(100% - 16px);scrollbar-width:none}
  .lkp3-context-bar::-webkit-scrollbar{display:none}
  .lkp3-context-bar button{flex:0 0 51px}
}
@media(max-width:560px){
  .lkp3-navigation-hint{display:none}
  .lkp3-navigation-switch button{padding:5px 8px}
  .lkp3-stage-options [data-action="toggle-dimensions"]{display:none}
  .lkp3-view-switch button{padding:6px 10px}
}

@media(min-width:1181px){
  .lkp3-app:not(.is-guide-open) .lkp3-workspace{grid-template-columns:minmax(300px,340px) minmax(500px,1fr) 0}
  .lkp3-app:not(.is-guide-open) .lkp3-guide{visibility:hidden;pointer-events:none}
}