.card-editor-page{overflow:hidden;background:#e9eff5}.card-top{position:relative;min-height:64px;padding:6px 18px}.card-top .brand-logo img{width:42px;height:42px}.card-toolbar{min-height:58px;display:flex;align-items:center;gap:7px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}.card-toolbar .btn{padding:8px 11px}.toolbar-separator{width:1px;height:30px;background:var(--line);flex:0 0 auto}.toolbar-spacer{flex:1}.compact-field{display:flex;align-items:center;gap:6px;font-size:13px;color:#53657a}.compact-field input,.compact-field select{height:36px;border:1px solid #cbd8e6;border-radius:8px;padding:0 9px;background:#fff}.compact-field input{width:180px}.card-app{height:calc(100vh - 122px);display:grid;grid-template-columns:290px minmax(420px,1fr) 330px;background:#dfe8f0}.card-sidebar{background:#f9fbfd;overflow:auto;border-right:1px solid var(--line);padding:10px}.right-panel{border-right:0;border-left:1px solid var(--line)}.panel-section{background:#fff;border:1px solid #d9e4ef;border-radius:13px;padding:12px;margin-bottom:10px;box-shadow:0 4px 12px rgba(17,52,85,.04)}.panel-section h2{font-size:14px;margin:0 0 10px;color:#0b3155;display:flex;justify-content:space-between;align-items:center}.counter{font-size:12px;background:#e4f4fa;color:#087ba9;padding:3px 7px;border-radius:999px}.card-actions-row,.layer-actions,.property-actions{display:flex;gap:6px;flex-wrap:wrap}.btn.small{font-size:12px;padding:7px 9px}.btn.danger,.danger{color:#b32129;border-color:#efb8bb;background:#fff7f7}.field{display:grid;gap:4px;margin:8px 0;font-size:12px;color:#51657a}.field input,.field textarea,.field select{width:100%;border:1px solid #cbd8e6;border-radius:8px;padding:8px;background:#fff;color:#13233c}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:7px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbd8e6;border-radius:9px;overflow:hidden}.segmented button{border:0;background:#fff;padding:8px;cursor:pointer}.segmented button.active,.segmented button[aria-pressed=true]{background:#0b8fc2;color:#fff}.small-segment button{padding:7px;font-size:12px}.check-line{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:#455a70;margin:8px 0}.three-checks{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:12px;margin:8px 0}.tool-grid,.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool-grid .btn{padding:9px 6px;font-size:12px}.file-button{position:relative}.template-card{height:62px;border:1px solid #c9d8e6;border-radius:10px;background:linear-gradient(145deg,#fff,#eef6fb);cursor:pointer;color:#173754;font-size:12px}.template-card:hover{border-color:#0a9dcc;box-shadow:0 5px 15px #0a8ab51f}.hint{font-size:11px;line-height:1.45;color:#607286}.hint code{background:#eef3f8;padding:1px 4px;border-radius:4px}.card-list{display:grid;gap:6px;margin-top:9px}.card-list-item{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;border:1px solid #d6e2ed;background:#fff;border-radius:9px;padding:5px;cursor:pointer}.card-list-item.active{border-color:#0b95c5;background:#edfaff;box-shadow:inset 3px 0 #0b95c5}.card-thumb{width:38px;height:52px;border-radius:4px;border:1px solid #b7c9d7;background:#fff;overflow:hidden;position:relative}.card-thumb span{position:absolute;inset:auto 2px 2px;font-size:8px;text-align:center;background:#ffffffcc;border-radius:2px}.card-list-item .card-title{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-handle{color:#8495a6;font-size:16px}.card-stage{min-width:0;display:grid;grid-template-rows:auto 1fr}.stage-toolbar{height:45px;display:flex;align-items:center;gap:6px;background:#fff;border-bottom:1px solid var(--line);padding:5px 9px}.stage-scroll{overflow:auto;position:relative;background-color:#dfe8f0;background-image:linear-gradient(45deg,#edf3f8 25%,transparent 25%),linear-gradient(-45deg,#edf3f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf3f8 75%),linear-gradient(-45deg,transparent 75%,#edf3f8 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;padding:80px;display:flex;justify-content:center;align-items:flex-start}.artboard-shell{position:relative;transform-origin:top center}.card-canvas-v2{position:relative;background:#fff;box-shadow:0 15px 45px rgba(7,30,52,.28);outline:none;overflow:visible}.face-background,.grid-overlay,.elements-layer{position:absolute;inset:0;overflow:hidden}.face-background{background:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;pointer-events:none}.grid-overlay{pointer-events:none;opacity:.35}.bleed-guide,.safe-guide{position:absolute;pointer-events:none;z-index:20}.bleed-guide{border:2px dashed #e8495b}.safe-guide{border:2px dashed #1897cb}.elements-layer{z-index:10}.editor-element{position:absolute;transform-origin:center center;user-select:none;touch-action:none;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:move;white-space:pre-wrap;word-break:break-word}.editor-element.locked{cursor:not-allowed}.editor-element.selected{outline:2px solid #07a1d2;outline-offset:2px}.editor-element.multi-selected{outline:2px dashed #0b75bb;outline-offset:2px}.editor-element img{width:100%;height:100%;pointer-events:none;user-select:none}.resize-handle{position:absolute;width:11px;height:11px;border:2px solid #fff;background:#0a9fd0;border-radius:50%;z-index:40;box-shadow:0 1px 4px #0005}.resize-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}.resize-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.resize-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.resize-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.rotation-handle{position:absolute;left:50%;top:-32px;transform:translateX(-50%);width:13px;height:13px;border:2px solid #fff;background:#ff9a2f;border-radius:50%;cursor:grab;z-index:41;box-shadow:0 1px 4px #0005}.rotation-line{position:absolute;left:50%;top:-22px;width:1px;height:20px;background:#0a9fd0}.layers-list{display:grid;gap:5px;max-height:250px;overflow:auto}.layer-row{display:grid;grid-template-columns:26px 26px 1fr 22px;align-items:center;gap:4px;border:1px solid #d9e4ee;border-radius:8px;padding:5px;background:#fff;font-size:12px}.layer-row.active{border-color:#0899ca;background:#effbff}.layer-row button{border:0;background:transparent;cursor:pointer;padding:3px}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.empty-state{padding:18px 8px;text-align:center;color:#6e8092;font-size:13px}.align-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:9px 0}.align-grid .btn{white-space:normal}.editor-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:#071d37;color:#fff;padding:11px 17px;border-radius:999px;z-index:200;pointer-events:none;transition:.2s}.editor-toast.show{opacity:1;transform:translate(-50%,0)}.status-pill{font-size:12px}.gate{z-index:300}.face-background.has-image:after{content:"";position:absolute;inset:0;background:inherit}.sheet-summary{font-size:11px;color:#4f6578}.hidden{display:none!important}
@media(max-width:1250px){.card-app{grid-template-columns:250px minmax(400px,1fr) 290px}.card-sidebar{padding:7px}.stage-scroll{padding:55px 35px}.compact-field input{width:130px}}
@media(max-width:900px){.card-editor-page{overflow:auto}.card-app{height:auto;grid-template-columns:1fr}.card-stage{order:-1;height:75vh}.right-panel,.left-panel{border:0}.card-toolbar{position:sticky;top:0;z-index:80}.stage-scroll{padding:40px 20px}.card-top{display:none}.card-app{height:auto}.tool-grid,.template-grid{grid-template-columns:repeat(3,1fr)}}

/* v0.4 — navigation, formes et classeur */
#handTool[aria-pressed="true"],#handToolStage[aria-pressed="true"]{background:#0b8fc2;color:#fff;border-color:#0b8fc2;box-shadow:0 0 0 3px rgba(11,143,194,.16)}
.stage-scroll.pan-enabled{cursor:grab}.stage-scroll.panning{cursor:grabbing;user-select:none}.stage-scroll.panning *{cursor:grabbing!important}
.artboard-shell{will-change:transform}
.card-canvas-v2[data-card-shape="rounded"] .face-background,.card-canvas-v2[data-card-shape="rounded"] .grid-overlay,.card-canvas-v2[data-card-shape="rounded"] .elements-layer{border-radius:var(--card-corner,32px)}
.card-canvas-v2[data-card-shape="circle"] .face-background,.card-canvas-v2[data-card-shape="circle"] .grid-overlay,.card-canvas-v2[data-card-shape="circle"] .elements-layer{clip-path:circle(50% at 50% 50%)}
.card-canvas-v2[data-card-shape="oval"] .face-background,.card-canvas-v2[data-card-shape="oval"] .grid-overlay,.card-canvas-v2[data-card-shape="oval"] .elements-layer{clip-path:ellipse(50% 50% at 50% 50%)}
.card-canvas-v2[data-card-shape="triangle"] .face-background,.card-canvas-v2[data-card-shape="triangle"] .grid-overlay,.card-canvas-v2[data-card-shape="triangle"] .elements-layer{clip-path:polygon(50% 0,100% 100%,0 100%)}
.card-canvas-v2[data-card-shape="pentagon"] .face-background,.card-canvas-v2[data-card-shape="pentagon"] .grid-overlay,.card-canvas-v2[data-card-shape="pentagon"] .elements-layer{clip-path:polygon(50% 0,97% 38%,79% 100%,21% 100%,3% 38%)}
.card-canvas-v2[data-card-shape="hexagon"] .face-background,.card-canvas-v2[data-card-shape="hexagon"] .grid-overlay,.card-canvas-v2[data-card-shape="hexagon"] .elements-layer{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.card-canvas-v2[data-card-shape="octagon"] .face-background,.card-canvas-v2[data-card-shape="octagon"] .grid-overlay,.card-canvas-v2[data-card-shape="octagon"] .elements-layer{clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}
.card-canvas-v2[data-card-shape="rect"] .face-background,.card-canvas-v2[data-card-shape="rect"] .grid-overlay,.card-canvas-v2[data-card-shape="rect"] .elements-layer{border-radius:0}
.image-fit-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:6px 0}.image-fit-actions .btn{padding:6px 4px;font-size:11px;white-space:normal}
.save-action span{font-size:15px}.editor-modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(8,22,38,.78);backdrop-filter:blur(5px)}.editor-modal.open{display:flex}.editor-modal-card{width:min(1040px,96vw);max-height:90vh;overflow:hidden;background:#fff;border-radius:20px;box-shadow:0 28px 95px rgba(0,0,0,.38);display:grid;grid-template-rows:auto auto 1fr auto}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 12px;border-bottom:1px solid #d9e4ef}.modal-head h2{margin:2px 0 0;color:#0b3155}.modal-eyebrow{margin:0;color:#0b8fc2;font-size:11px;font-weight:800;letter-spacing:.12em}.binder-actions{display:flex;gap:7px;flex-wrap:wrap;padding:10px 22px;background:#f5f9fc;border-bottom:1px solid #d9e4ef}.binder-list{overflow:auto;padding:14px 22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.binder-item{display:grid;grid-template-columns:24px 64px 1fr 76px;gap:9px;align-items:center;padding:9px;border:1px solid #d6e2ed;border-radius:12px;background:#fff}.binder-item.selected{border-color:#0a9dcc;background:#effbff}.binder-preview{width:58px;height:76px;border-radius:7px;border:1px solid #b8cad8;background:#fff center/cover no-repeat;overflow:hidden;display:grid;place-items:end center;font-size:9px;color:#13233c}.binder-name{min-width:0;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binder-qty{width:70px!important}.binder-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;border-top:1px solid #d9e4ef;background:#f7fafc}.binder-footer span{font-size:13px;color:#53677b}.card-toolbar .danger{white-space:nowrap}
@media(max-width:700px){.binder-list{grid-template-columns:1fr;padding:12px}.binder-item{grid-template-columns:24px 52px 1fr 68px}.modal-head,.binder-actions,.binder-footer{padding-left:14px;padding-right:14px}.image-fit-actions{grid-template-columns:1fr 1fr}}