html,body,#root{height:100%;margin:0}.fp-app{color:#222;-webkit-user-select:none;user-select:none;background:#eef1f6;grid-template-columns:minmax(0,1fr) clamp(260px,24vw,340px);font-family:system-ui,Segoe UI,Roboto,sans-serif;display:grid;inset:0}.fp-workspace{--tool:clamp(38px, min(4.2vw, 6vh), 60px);background-color:#2a7099;grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);gap:12px;height:100vh;min-height:0;padding:12px;display:grid}.fp-overlay{z-index:10;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.fp-bar{align-items:center;gap:calc(var(--tool) / 5);border-radius:calc(var(--tool) / 2 + 10px);background:#fff;padding:10px;display:flex;box-shadow:0 4px 18px #00000014}.fp-colors{flex-wrap:wrap;grid-column:1/-1;justify-content:center;justify-self:center;padding-inline:16px}.fp-rail{flex-direction:column;align-self:start}.fp-tool{width:var(--tool);height:var(--tool);font-size:calc(var(--tool) * .42);cursor:pointer;background:#f1f1f4;border:3px solid #fff;border-radius:50%;flex-shrink:0;padding:0;transition:transform .12s;position:relative;box-shadow:0 0 0 1px #0000001f}.fp-tool[data-hover]{transform:scale(1.12)}.fp-tool.selected{box-shadow:0 0 0 4px #222}.fp-tool:after{content:"";background:conic-gradient(#222 calc(var(--dwell,0) * 1turn), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-9px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.fp-color{background:var(--swatch)}.fp-brush:before{content:"";width:var(--size);height:var(--size);background:#222;border-radius:50%;max-width:80%;max-height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fp-divider{width:calc(var(--tool) * .66);background:#0000001f;flex-shrink:0;height:2px}.fp-paper{background:#fff;border-radius:18px;min-height:0;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000014}.fp-paint{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.fp-notice{color:#fff;pointer-events:none;background:#000000bf;border-radius:12px;padding:12px 20px;font-size:18px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.fp-sidebar{-webkit-user-select:auto;user-select:auto;flex-direction:column;gap:12px;min-height:0;padding:12px 12px 12px 0;font-size:14px;display:flex;overflow:hidden auto}.fp-camera{background:#1e1f24;border-radius:14px;flex-shrink:0;position:relative;overflow:hidden}.fp-camera video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.fp-camera canvas{width:100%;height:100%;position:absolute;inset:0}.fp-camera-status{text-align:center;color:#fff;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.fp-error{background:#c62828}.fp-actions{gap:8px;font-size:13px;display:flex}.fp-actions button{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#fff;border:1px solid #d0d4dc;border-radius:10px;flex:1 1 0;min-width:0;padding:10px 4px;font-size:14px;overflow:hidden}.fp-actions button.active{background:#e8f1ff;border-color:#007aff}.fp-hud{color:#e6e6e6;white-space:pre;background:#1e1f24;border-radius:10px;flex-shrink:0;margin:0;padding:10px 12px;font:12px/1.5 ui-monospace,Consolas,monospace;overflow-x:auto}.fp-panel{background:#fff;border-radius:14px;flex-shrink:0;padding:14px 16px 18px;box-shadow:0 4px 18px #00000014}.fp-panel header{justify-content:space-between;align-items:center;display:flex}.fp-panel header button{cursor:pointer;background:0 0;border:none;font-size:18px}.fp-panel h2{margin:0;font-size:17px}.fp-panel h3{text-transform:uppercase;letter-spacing:.06em;color:#777;margin:18px 0 8px;font-size:12px}.fp-note{color:#777;margin:0 0 8px;font-size:12px}.fp-row{flex-direction:column;margin-bottom:10px;display:flex}.fp-row-label{justify-content:space-between;display:flex}.fp-row output{color:#555;font-family:ui-monospace,Consolas,monospace}.fp-row input{width:100%}.fp-row small{color:#888}.fp-toggle{align-items:center;gap:8px;margin-bottom:8px;display:flex}.fp-segmented{border:1px solid #ccc;border-radius:8px;display:flex;overflow:hidden}.fp-segmented button{cursor:pointer;background:#f4f4f6;border:none;flex:1;padding:8px}.fp-segmented button.active{color:#fff;background:#007aff}.fp-reset{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;margin-top:12px;padding:10px;font-size:14px}.fp-reset:disabled,.fp-panel button:disabled{opacity:.5;cursor:default}.fp-table{table-layout:fixed;border-collapse:collapse;width:100%;margin-bottom:8px}.fp-table td{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #eee;padding:4px 0;font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow:hidden}.fp-table td:not(:first-child){text-align:right}.fp-table select{width:100%;font-size:12px}.fp-low{color:#c77700}.fp-link{color:#007aff;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.fp-record{gap:8px;margin-bottom:8px;display:flex}.fp-record input{border:1px solid #ccc;border-radius:8px;flex:1;min-width:0;padding:8px;font-size:14px}.fp-record button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;padding:8px 12px;font-size:14px}.fp-record .fp-rec{color:#ff3b30;border-color:#ff3b30}.fp-warn{color:#c62828;margin:0 0 8px;font-size:12px}.fp-note code{font-size:11px}.fp-layer{pointer-events:none}.fp-badges{pointer-events:none;gap:2px;display:flex;position:absolute;top:-6px;right:-8px}.fp-badges span{color:#fff;background:#222;border-radius:50%;place-items:center;width:18px;height:18px;font:700 11px system-ui,sans-serif;display:grid;box-shadow:0 0 0 2px #fff}.fp-actions button{flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:12px;display:flex}.fp-actions button span{font-size:18px}.ink-workspace{background-color:#2a7099;grid-template-columns:minmax(0,1fr);min-height:100vh}.fp-sidebar{background-color:#2a7099;max-height:100dvh;overflow-y:auto}.fp-hud{display:none}.ink-paper{background-color:#f5eedd;background-size:256px}.ink-layer{mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.ink-base{touch-action:none;cursor:crosshair}.ink-live{pointer-events:none}.ink-divider{width:2px;height:calc(var(--tool) * .66)}.ink-tip{color:#fff;margin:0;font-size:13px;font-weight:700}.fp-actions a{min-width:0;color:inherit;background:#fff;border:1px solid #d0d4dc;border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:8px 4px;font-size:12px;text-decoration:none;display:flex}.fp-actions a span{font-size:18px}.ink-demos{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.ink-demos button{cursor:pointer;background:#fff;border:1px solid #d0d4dc;border-radius:10px;padding:10px;font-size:14px}.ink-dark{background-color:#0b0a12}.ink-dark .ink-layer{mix-blend-mode:screen}.ink-glow{pointer-events:none;display:none}.ink-dark .ink-glow{filter:blur(14px)saturate(1.5)brightness(1.4);opacity:.9;display:block}.ink-white{background-color:#fff}.ink-fade{pointer-events:none;transition:opacity .8s ease-out,transform .8s ease-out,filter .8s ease-out}.ink-fade.gone{opacity:0;filter:blur(8px);transform:scale(1.05)}.ink-paper-btn:before{content:"";border-radius:50%;position:absolute;inset:26%}.ink-paper-dark{background:#0b0a12}.ink-paper-dark:before{background:#ff2bd6;box-shadow:0 0 8px 2px #ff2bd6}.ink-paper-white{background:#fff}.ink-paper-white:before{background:#2a9fd6}.ink-paper-light{background:#f5eedd}.ink-paper-light:before{background:#141414}.ink-flash{pointer-events:none;background:#fff;animation:.6s ease-out forwards ink-flash;position:absolute;inset:0}@keyframes ink-flash{0%{opacity:.85}to{opacity:0}}