:root{--top:#15242b;--top2:#20353e;--accent:#e0b453;--teal:#1f7181;--ink:#20252b;--muted:#66727c;--line:#d8dde0;--soft:#f4f5f5;--panel:#fff;--danger:#b93636;--shadow:0 10px 28px #14262e18}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.editor-body{height:100vh;overflow:hidden;background:#dfe4e6}.editor-topbar{height:62px;display:flex;align-items:center;background:linear-gradient(90deg,var(--top),var(--top2));color:#fff;border-bottom:4px solid var(--accent);padding:0 12px;gap:16px;position:relative;z-index:30}.editor-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;min-width:190px}.editor-brand>span:last-child{display:grid;line-height:1.08}.editor-brand b{font-size:14px}.editor-brand small{font-size:10px;color:#b8c7cd}.editor-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#f4d991);color:#17252b;font-weight:950;box-shadow:inset 0 0 0 1px #fff7}.editor-mark.large{width:58px;height:58px;border-radius:17px;font-size:21px;margin:auto}.editor-tabs{display:flex;align-self:stretch}.editor-tab{border:0;background:transparent;color:#cbd7dc;padding:0 16px;font-size:12px;font-weight:800;cursor:pointer;position:relative}.editor-tab:hover{background:#ffffff0b;color:#fff}.editor-tab.active{background:#ffffff13;color:#fff}.editor-tab.active:after{content:"";height:4px;background:#45a1b3;position:absolute;left:13px;right:13px;bottom:0;border-radius:4px 4px 0 0}.editor-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.icon-btn,.top-btn{border:1px solid transparent;border-radius:9px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.icon-btn{width:35px;height:35px;background:#ffffff0e;color:#fff;border-color:#ffffff18}.icon-btn:hover{background:#ffffff1d}.icon-btn:disabled,.top-btn:disabled{opacity:.42;cursor:not-allowed}.top-btn{height:36px;padding:0 13px;font-size:12px}.top-btn.ghost{background:#ffffff0c;border-color:#ffffff25;color:#fff}.top-btn.publish{background:var(--accent);color:#1d262a}.top-btn.danger{background:var(--danger);color:#fff}.top-btn.wide{width:100%;height:43px}.save-state{font-size:10px;color:#b8c7cd;min-width:85px;text-align:center}.save-state.saving{color:#f2d17f}.save-state.saved{color:#87d5ab}.save-state.error{color:#ff9a9a}
.editor-layout{height:calc(100vh - 62px);display:grid;grid-template-columns:272px minmax(440px,1fr) 330px;overflow:hidden}.left-sidebar,.right-sidebar{background:var(--panel);position:relative;z-index:10;overflow:hidden}.left-sidebar{border-right:1px solid #bfc8cc}.right-sidebar{border-left:1px solid #bfc8cc}.side-panel{display:none;height:100%;overflow:auto}.side-panel.active{display:block}.side-head,.inspector-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line);background:#f9faf9;position:sticky;top:0;z-index:3}.side-head>div,.inspector-head>div{display:grid;gap:2px}.side-head b,.inspector-head b{font-size:13px}.side-head small,.inspector-head small{font-size:9px;color:var(--muted)}.search-wrap{padding:9px;border-bottom:1px solid var(--line)}input,select,textarea{width:100%;border:1px solid #cbd2d5;border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#408da1;box-shadow:0 0 0 3px #408da11c}textarea{resize:vertical}.element-palette{padding:6px 8px 24px}.element-group{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px}.element-group h3{grid-column:1/-1;margin:7px 3px 2px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#7a8990}.element-group button{min-height:42px;border:1px solid #d9dfe1;border-radius:6px;background:#fff;text-align:left;padding:5px 7px;font-size:10px;font-weight:720;color:#455159;cursor:grab;display:flex;align-items:center;gap:6px}.element-group button:hover{border-color:#62a0ae;background:#f2fafb;color:#174d5b}.element-group button span{width:22px;height:22px;display:grid;place-items:center;background:#eef1f2;border-radius:5px;color:#435d66;font-weight:900}.element-group.pilot-group button{border-color:#d6c89f;background:#fffdf6}.element-group.pilot-group button span{background:#f6e9bc;color:#5f4b18}.element-group button.palette-hidden{display:none}
.mini-add{width:32px;height:32px;border:0;border-radius:9px;background:var(--accent);font-size:20px;cursor:pointer}.side-form,.side-fields{padding:12px}.side-form label,.side-fields label,.block-fields label,.modal-card label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#56636a;margin-bottom:10px}.panel-subtitle{display:flex;justify-content:space-between;padding:10px 12px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6c7a80}.panel-subtitle span{background:#e9edef;padding:2px 6px;border-radius:99px}.page-list{padding:4px 7px;max-height:320px;overflow:auto}.page-item{width:100%;border:1px solid transparent;background:#fff;border-radius:8px;padding:9px;text-align:left;cursor:pointer;margin-bottom:3px;display:grid;grid-template-columns:1fr auto;gap:3px}.page-item:hover{background:#f3f6f7}.page-item.active{border-color:#5295a5;background:#edf8fa}.page-item b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-item small{font-size:8px;color:var(--muted);grid-column:1/-1}.status-pill{font-size:7px;text-transform:uppercase;border-radius:99px;background:#e9ecee;padding:3px 6px}.status-pill.published{background:#dff3e8;color:#24754b}.page-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}.page-actions button,.wide-action{border:1px solid #cfd6d9;background:#fff;color:#435159;border-radius:8px;min-height:35px;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer;text-decoration:none;text-align:center}.page-actions button:hover,.wide-action:hover{background:#f2f6f7}.page-actions button:disabled{opacity:.4}.source-details{margin:8px;border:1px solid var(--line);border-radius:10px;padding:9px}.source-details summary{cursor:pointer;font-size:11px;font-weight:850}.source-details p{font-size:9px;color:var(--muted)}.source-list{margin-top:8px;max-height:260px;overflow:auto}.source-item{border-top:1px solid var(--line);padding:8px 2px;display:grid;grid-template-columns:1fr auto;gap:3px}.source-item b{font-size:9px;word-break:break-all}.source-item small{font-size:8px;color:var(--muted)}.source-item button{grid-row:1/3;grid-column:2;border:0;background:#e4f3f6;color:#25697a;border-radius:7px;padding:4px 8px;font-size:9px;font-weight:850;cursor:pointer}.sidebar-empty{padding:20px;text-align:center;color:var(--muted);font-size:10px}.color-pair{display:grid;grid-template-columns:1fr 42px;gap:5px}.color-pair input[type=color]{padding:3px;height:36px}.check-line{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check-line input{width:auto}.info-box{margin:12px;padding:11px;border-radius:9px;background:#fff6dc;border:1px solid #e1c577;font-size:9px;line-height:1.45;color:#65541f}.info-box.soft{background:#eef7f9;border-color:#b9dae1;color:#345a63}.download-actions{display:grid;gap:7px;padding:12px}.wide-action.disabled{opacity:.45;pointer-events:none}
.canvas-area{min-width:0;display:grid;grid-template-rows:55px 1fr;background:#dfe4e6}.canvas-toolbar{display:flex;align-items:center;padding:7px 13px;background:#f9faf9;border-bottom:1px solid #bcc5c9;gap:11px;position:relative;z-index:4}.canvas-toolbar>div:first-child{display:grid;min-width:0}.canvas-toolbar b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-toolbar small{font-size:8px;color:var(--muted)}.canvas-toolbar .icon-btn{color:#45545b;background:#fff;border-color:#ccd4d7;margin-left:auto}.device-switch{display:flex;margin-left:auto;background:#e7ebed;border-radius:8px;padding:3px}.device-switch button{border:0;background:transparent;color:#718087;border-radius:6px;min-width:34px;height:28px;cursor:pointer}.device-switch button.active{background:#fff;color:#174d5b;box-shadow:0 2px 7px #27383f22}.canvas-viewport{overflow:auto;padding:24px;display:flex;align-items:flex-start;justify-content:center;transition:.2s}.page-canvas{width:100%;max-width:1280px;min-height:calc(100vh - 170px);background:#f7f4ee;border-radius:7px;box-shadow:0 12px 45px #25373e2b;padding:18px;transition:width .22s,background .15s}.canvas-viewport.tablet .page-canvas{width:768px}.canvas-viewport.mobile .page-canvas{width:390px}.empty-workspace{margin:auto;max-width:460px;background:#fff;border:1px solid #cbd3d6;border-radius:20px;padding:32px;text-align:center;box-shadow:var(--shadow)}.empty-workspace h1{font-size:26px;margin:12px 0 7px}.empty-workspace p{color:var(--muted);font-size:12px;line-height:1.55}.empty-logo{width:62px;height:62px;border-radius:20px;margin:auto;display:grid;place-items:center;background:linear-gradient(145deg,var(--top),#285464);color:var(--accent);font-weight:950;font-size:20px}.empty-workspace .top-btn{margin-top:10px}
.canvas-block{position:relative;max-width:var(--canvas-max,1180px);margin:0 auto var(--canvas-space,18px);border-radius:var(--canvas-radius,18px);background:var(--canvas-surface,#fff);color:var(--canvas-text,#20252b);outline:2px solid transparent;transition:outline .12s,box-shadow .12s;overflow:visible}.canvas-block:hover{outline-color:#58a1b455}.canvas-block.selected{outline-color:#2a8fa7;box-shadow:0 0 0 5px #2a8fa71d}.canvas-block.dragging{opacity:.4}.canvas-block.drop-before:before,.canvas-block.drop-after:after{content:"";position:absolute;left:0;right:0;height:4px;background:#2a8fa7;z-index:12;border-radius:5px}.canvas-block.drop-before:before{top:-10px}.canvas-block.drop-after:after{bottom:-10px}.block-toolbar{position:absolute;top:7px;right:7px;z-index:8;display:none;gap:3px;padding:3px;background:#173b47e8;border-radius:8px;box-shadow:0 4px 14px #0d252d38}.canvas-block:hover .block-toolbar,.canvas-block.selected .block-toolbar{display:flex}.block-toolbar button{width:27px;height:27px;border:0;background:transparent;color:#fff;border-radius:5px;cursor:pointer}.block-toolbar button:hover{background:#ffffff22}.block-content{overflow:hidden;border-radius:inherit}.block-inner{padding:24px;max-width:100%;margin:auto}.block-content h1,.block-content h2,.block-content h3{line-height:1.12;margin:.2em 0 .55em}.block-content p{line-height:1.55}.block-kicker{font-size:11px;letter-spacing:.15em;font-weight:900;color:var(--canvas-primary,#c49a45)}.block-hero{padding:20px;text-align:inherit}.block-hero h1{font-size:clamp(28px,5vw,64px);margin:7px 0}.block-hero p{max-width:760px;margin:10px auto 20px}.block-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--canvas-primary,#c49a45);color:#171c1e!important;text-decoration:none;border:0;border-radius:999px;padding:12px 18px;font-weight:850;cursor:pointer}.block-btn.small{padding:8px 13px;font-size:12px}.block-columns,.block-grid{display:grid;gap:14px}.block-columns{grid-template-columns:1fr 1fr}.block-grid{grid-template-columns:repeat(var(--cols,3),1fr)}.block-card,.block-product,.block-app,.block-form,.block-action,.block-comments,.block-tracking{border:1px solid #d7dcde;border-radius:14px;padding:18px;background:var(--canvas-surface,#fff)}.block-card a{color:var(--canvas-secondary,#174d5b);font-weight:800}.block-product{display:grid;grid-template-columns:130px 1fr;gap:15px;align-items:center}.block-product-media{height:110px;background:var(--canvas-bg,#f7f4ee);border-radius:10px;display:grid;place-items:center;font-size:32px;overflow:hidden}.block-product-media img{width:100%;height:100%;object-fit:cover}.block-placeholder{min-height:130px;border:2px dashed #c7cdcf;border-radius:12px;background:#f3f5f5;display:grid;place-items:center;text-align:center;color:#738087;padding:18px}.block-spacer{background:repeating-linear-gradient(45deg,#edf0f1,#edf0f1 6px,#f7f8f8 6px,#f7f8f8 12px);border-radius:8px;display:grid;place-items:center;color:#7f8b90;font-size:10px}.block-image{margin:0}.block-image img{width:100%;max-height:650px;object-fit:cover;border-radius:12px}.block-image figcaption{font-size:11px;color:var(--canvas-muted,#66727c);padding-top:5px}.block-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.fake-field{border:1px solid #d1d7d9;border-radius:8px;padding:10px;color:#8a959a;font-size:11px;background:#fff}.block-table{overflow:auto}.block-table table{width:100%;border-collapse:collapse}.block-table th,.block-table td{border:1px solid #d5dadd;padding:8px;font-size:11px;text-align:left}.block-table th{background:var(--canvas-secondary,#174d5b);color:#fff}.block-accordion details{padding:10px;border-bottom:1px solid #d9dddf}.block-accordion summary{font-weight:800}.block-video{aspect-ratio:16/9;background:#1e282c;color:#fff;display:grid;place-items:center;border-radius:12px}.block-file{display:flex;gap:12px;border:1px solid #d5dbdd;border-radius:12px;padding:15px;align-items:center}.block-file span{display:grid}.block-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.block-gallery img{width:100%;height:170px;object-fit:cover;border-radius:9px}.block-map{min-height:230px;background:linear-gradient(135deg,#d9e6dc,#e5e3ce);border-radius:12px;display:grid;place-items:center;text-align:center;color:#426152}.block-social{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.block-note{border-left:6px solid #3f8fbf;background:#eaf5fb;border-radius:10px;padding:15px}.block-note.success{border-color:#26925b;background:#e8f7ef}.block-note.warning{border-color:#d5931f;background:#fff5db}.block-note.danger{border-color:#c43b3b;background:#fff0f0}.block-app{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.block-app-icon{font-size:28px}.block-state{display:flex;align-items:center;gap:12px;border:1px solid #add7c2;background:#eaf7f0;padding:16px;border-radius:12px}.block-state.closed{border-color:#e0aaaa;background:#fff0f0}.block-state-dot{width:15px;height:15px;border-radius:50%;background:#168e58;box-shadow:0 0 0 6px #168e5820}.block-state.closed .block-state-dot{background:#c43d3d;box-shadow:0 0 0 6px #c43d3d20}.block-state p{margin:2px 0;color:var(--canvas-muted,#66727c)}.block-hours-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #dce0e2;gap:15px}.block-action{text-align:center}.html-badge{background:#272d31;color:#dce5e8;padding:13px;border-radius:10px;font:11px ui-monospace,monospace;white-space:pre-wrap;max-height:220px;overflow:auto}.drop-hint{border:2px dashed #3a9bb1;background:#e9f7fa;color:#266979;padding:20px;text-align:center;border-radius:12px;margin:10px 0;font-weight:800}
.inspector-head .icon-btn{background:#eef1f2;border-color:#d7dcde;color:#56646a}.inspector-empty{height:calc(100% - 64px);display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted);padding:30px}.inspector-empty span{font-size:36px}.inspector-empty p{font-size:11px;line-height:1.5}.inspector{height:calc(100% - 64px);overflow:auto;padding-bottom:18px}.block-fields{padding:12px}.block-fields textarea.code-field{min-height:160px;font:10px ui-monospace,monospace}.upload-line{display:grid;grid-template-columns:1fr auto;gap:5px}.upload-line button{border:0;background:#e5f1f4;color:#286778;border-radius:8px;padding:0 10px;font-size:10px;font-weight:850;cursor:pointer}.style-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.style-details summary{padding:11px 13px;font-size:11px;font-weight:850;cursor:pointer;background:#f8f9f9}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-grid label{margin:0}.style-grid label.wide{grid-column:1/-1}.block-actions{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.block-actions button{border:1px solid #d4dadd;background:#fff;border-radius:8px;padding:8px;font-size:9px;font-weight:800;cursor:pointer}.block-actions .danger-text{color:var(--danger);border-color:#e4bbbb}.field-help{font-size:8px;color:#819097;margin-top:-2px}.inline-edit{outline:0}.inline-edit:focus{box-shadow:0 0 0 2px #2c91aa55;border-radius:4px}
.modal-overlay{position:fixed;inset:0;background:#0c1d24c9;z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.modal-card{position:relative;background:#fff;border-radius:18px;padding:24px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 80px #0006}.modal-card h2{margin:4px 0 18px}.modal-card p{font-size:12px;color:var(--muted);line-height:1.55}.modal-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;background:#eef1f2;border-radius:9px;font-size:20px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-actions .top-btn.ghost{color:#48555b;border-color:#ccd3d6;background:#fff}.auth-card{max-width:380px;text-align:center}.auth-card label{text-align:left}.modal-error{background:#fff0f0;border:1px solid #e1a7a7;color:#8f2424;border-radius:9px;padding:10px;margin-top:10px;font-size:11px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.template-card{border:1px solid #d7dddf;background:#fff;border-radius:13px;padding:14px;display:grid;text-align:left;cursor:pointer}.template-card:hover,.template-card.active{border-color:#3b93a8;box-shadow:0 0 0 3px #3b93a818}.template-card span{font-size:26px}.template-card b{font-size:12px;margin-top:7px}.template-card small{font-size:9px;color:var(--muted)}.publish-summary{background:#f1f6f7;border:1px solid #ccdfe3;border-radius:10px;padding:12px;font-size:11px;line-height:1.6}.toast{position:fixed;z-index:200;right:22px;bottom:22px;background:#142c35;color:#fff;border-left:5px solid var(--accent);border-radius:10px;padding:12px 16px;box-shadow:0 15px 40px #0004;font-size:11px;max-width:390px}.toast.error{border-color:#e45858}.toast.success{border-color:#52bd80}
@media(max-width:1250px){.editor-layout{grid-template-columns:245px minmax(400px,1fr) 290px}.editor-tabs .editor-tab{padding:0 9px}.editor-brand{min-width:165px}.save-state{display:none}.element-group{grid-template-columns:1fr}.element-group h3{grid-column:1}.style-grid{grid-template-columns:1fr}.style-grid label.wide{grid-column:1}}
@media(max-width:980px){.editor-layout{grid-template-columns:235px 1fr}.right-sidebar{position:fixed;right:0;top:62px;bottom:0;width:320px;transform:translateX(100%);transition:.2s;box-shadow:-12px 0 30px #1c30392b}.right-sidebar.open{transform:none}.editor-tabs{overflow:auto}.editor-actions .icon-btn:nth-last-child(-n+2){display:none}.canvas-block.selected:after{content:"Réglages";position:absolute;right:7px;bottom:7px;background:#174d5b;color:#fff;border-radius:7px;padding:5px 8px;font-size:9px}}
@media(max-width:700px){.editor-topbar{height:104px;display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:7px 9px}.editor-brand{min-width:0}.editor-tabs{grid-row:2;grid-column:1/-1;height:36px}.editor-tab{padding:0 10px;white-space:nowrap}.editor-actions{grid-column:2;grid-row:1}.editor-actions #undoBtn,.editor-actions #redoBtn,.editor-actions #previewBtn{display:none}.editor-layout{height:calc(100vh - 104px);grid-template-columns:1fr}.left-sidebar{position:fixed;left:0;top:104px;bottom:0;width:275px;z-index:20;box-shadow:12px 0 30px #1c30392b}.canvas-area{grid-column:1}.right-sidebar{top:104px}.canvas-viewport{padding:10px}.page-canvas{padding:9px}.block-columns,.block-grid,.block-product,.block-form-fields{grid-template-columns:1fr}.block-gallery{grid-template-columns:1fr 1fr}.block-app{grid-template-columns:auto 1fr}.block-app .block-btn{grid-column:1/-1}.template-grid{grid-template-columns:1fr}.modal-overlay{padding:10px}.modal-card{padding:19px}}