:root{--encre:#0f1e3d;--encre-2:#5a6478;--signal:#b83018;--papier:#fbfbf9;--voile:#f1f0ec;--trait:#d8d6cf;--blanc:#fff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--encre);background:var(--papier)}.canvas-root,.palette,.toolbar{-moz-user-select:none;user-select:none;-webkit-user-select:none}.canvas-root{position:fixed;inset:0}.tl-wrap{position:absolute;inset:0}.boot{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--papier)}.boot-mark{font-size:20px;font-weight:700;letter-spacing:.02em;color:var(--encre)}.boot-sub{font-size:13px;color:var(--encre-2)}.toolbar{position:absolute;top:0;left:0;right:0;z-index:300;background:hsla(60,20%,98%,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--trait);padding:calc(env(safe-area-inset-top, 0px) + 8px) 10px 8px;display:flex;flex-direction:column;gap:8px}.toolbar-row{display:flex;align-items:center;gap:8px}.toolbar-row--sub{gap:14px}.toolbar-spacer{flex:1 1}.btn{font:inherit;font-size:14px;font-weight:600;border:1px solid var(--trait);background:var(--blanc);color:var(--encre);border-radius:9px;padding:10px 14px;min-height:44px;cursor:pointer;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5}.btn--primary{background:var(--encre);color:#fff;border-color:var(--encre)}.btn--export{background:var(--blanc);color:var(--encre);border:1.5px solid var(--encre);font-weight:700}.btn--icon{font-size:20px;padding:8px 14px;line-height:1}.btn--ghost{color:var(--signal);border-color:transparent;padding:8px 12px}.seg{display:inline-flex;border:1px solid var(--trait);border-radius:9px;overflow:hidden;background:var(--blanc)}.seg-btn{font:inherit;font-size:14px;font-weight:600;border:none;background:transparent;color:var(--encre-2);padding:10px 14px;min-height:44px;cursor:pointer;white-space:nowrap}.seg-btn--on{background:var(--encre);color:#fff}.seg--cable .seg-btn{padding:8px 12px;min-height:38px;font-size:13px}.voile{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--encre-2)}.voile input[type=range]{width:120px;accent-color:var(--encre)}.palette{position:absolute;left:0;right:0;bottom:0;z-index:300;background:hsla(60,20%,98%,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--trait);padding-bottom:env(safe-area-inset-bottom,0)}.palette-tabs{display:flex;gap:4px;padding:8px 8px 0;overflow-x:auto}.tab{font:inherit;font-size:13px;font-weight:600;border:none;background:transparent;color:var(--encre-2);padding:8px 12px;border-radius:8px 8px 0 0;cursor:pointer;white-space:nowrap}.tab--active{background:var(--encre);color:#fff}.palette-rail{display:flex;gap:8px;padding:10px 8px 12px;overflow-x:auto;scroll-snap-type:x proximity}.sym-btn{flex:0 0 auto;width:76px;border:1px solid var(--trait);background:var(--blanc);border-radius:12px;padding:8px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;scroll-snap-align:start}.sym-btn:active{background:var(--voile);transform:translateY(1px)}.sym-glyph{width:44px;height:44px;color:var(--encre)}.sym-label{font-size:10px;line-height:1.15;color:var(--encre-2);text-align:center;height:24px;overflow:hidden}@media (max-width:380px){.btn,.seg-btn{font-size:13px;padding:9px 11px}.voile input[type=range]{width:88px}}