.grip-tok-app .grip-label{color:var(--maker-ink);gap:8px;margin:12px 0;font-size:.875rem;font-weight:650;display:grid}.grip-tok-app .grip-label :is(textarea,select){border:1px solid var(--maker-line);width:100%;min-height:44px;color:var(--maker-ink);font:inherit;resize:vertical;background:#fff;border-radius:10px;padding:10px 12px}.grip-tok-app .grip-label textarea{font-size:1.2rem;line-height:1.45}.grip-tok-app .grip-help{color:var(--maker-muted);margin:8px 0 12px;font-size:.8125rem;line-height:1.65}.grip-tok-app .grip-symbols{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.grip-tok-app .grip-symbols button{border:1px solid var(--maker-line);color:#176ab6;cursor:pointer;background:#fff;border-radius:10px;width:46px;height:44px;font-size:1.5rem}.grip-tok-app .grip-symbols button:disabled{opacity:.4;cursor:not-allowed}.grip-tok-app .grip-shuffle{white-space:normal;width:100%;margin-top:8px}.grip-tok-app .grip-number{border-bottom:1px solid var(--maker-line);gap:10px;padding:14px 0;font-size:.875rem;display:grid}.grip-tok-app .grip-number>span{color:var(--maker-ink);justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.grip-tok-app .grip-number output{color:#2c65ae;white-space:nowrap;background:#eaf3ff;border-radius:7px;padding:3px 7px;font-size:.8125rem}.grip-tok-app .grip-number>div{grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:12px;display:grid}.grip-tok-app .grip-number input[type=number]{border:1px solid var(--maker-line);text-align:center;width:100%;min-width:0;height:42px;color:var(--maker-ink);background:#fff;border-radius:9px}.grip-tok-app .grip-number input[type=range]{accent-color:#0878f4;width:100%;min-width:0}.grip-tok-app .grip-color{color:var(--maker-ink);justify-content:space-between;align-items:center;gap:12px;margin:14px 0;font-size:.875rem;display:flex}.grip-tok-app .grip-color input{border:1px solid var(--maker-line);background:#fff;border-radius:9px;width:54px;height:40px;padding:4px}.grip-tok-app .grip-letter-list{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:7px;margin:12px 0;display:grid}.grip-tok-app .grip-letter-list button{border:1px solid var(--maker-line);min-height:44px;color:var(--maker-ink);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:4px;font-size:1.05rem;font-weight:700;display:flex}.grip-tok-app .grip-letter-list button[aria-pressed=true]{background:#edf5ff;border:2px solid #0878f4}.grip-tok-app .grip-letter-list button>span{border:1px solid #0002;border-radius:3px;flex:none;width:8px;height:16px}.grip-tok-app .grip-selected{color:var(--maker-ink);margin-top:18px;font-size:.875rem;display:block}.grip-tok-app .grip-view-tabs{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.grip-tok-app .grip-view-tabs>button{border:1px solid var(--maker-line);color:#435c74;white-space:nowrap;background:#fff;border-radius:10px;min-width:42px;min-height:40px;padding:7px 12px;font-weight:700}.grip-tok-app .grip-view-tabs>button[aria-pressed=true]{color:#fff;background:#0878f4;border-color:#0878f4}.grip-tok-app .grip-svg-host,.grip-tok-app .grip-three-host{background:#edf1f5;position:absolute;inset:0;overflow:hidden}.grip-tok-app .grip-svg-host{place-items:center;padding:210px 350px 70px 330px;display:grid}.grip-tok-app .grip-svg-host svg{filter:drop-shadow(0 14px 18px #152e4829);width:100%;height:100%;max-height:100%;display:block;overflow:visible}.grip-tok-app .grip-svg-host path[role=button]{cursor:pointer;outline:none}.grip-tok-app .grip-svg-host path[role=button]:focus-visible{stroke:#0878f4;stroke-width:.35px}.grip-tok-app .grip-three-canvas{touch-action:none;width:100%;height:100%;display:block}.grip-tok-app .grip-placeholder{color:#435c74;background:#edf1f5;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.grip-tok-app .grip-error,.grip-tok-app .grip-preview-error{color:#a72831;font-size:.875rem;line-height:1.6}.grip-tok-app .grip-preview-error{z-index:10;background:#fff;border-radius:10px;padding:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grip-tok-app .grip-dimensions{z-index:12;color:#526780;text-align:center;pointer-events:none;background:#ffffffed;border:1px solid #d5dfeb;border-radius:12px;max-width:calc(100vw - 32px);margin:0;padding:8px 14px;font-size:.8125rem;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.grip-tok-app .grip-recovery{background:#edf5ff;border:1px solid #b8d5f6;border-radius:10px;margin-bottom:14px;padding:12px;font-size:.875rem}.grip-tok-app .grip-recovery button{margin:3px}.grip-tok-app .grip-file-actions{flex-wrap:wrap;gap:8px;display:flex}.grip-tok-app .maker-output [role=status]{color:#526780;font-size:.8125rem;line-height:1.6}@media (max-width:1279px){.grip-tok-app .grip-svg-host{padding:210px 320px 70px 310px}}@media (max-width:959px),(max-width:1279px) and (orientation:portrait){.grip-tok-app .grip-svg-host{padding:215px 16px 90px}.grip-tok-app .grip-dimensions{white-space:normal;width:max-content;bottom:74px}.grip-tok-app[data-mobile-rail]:not([data-mobile-rail=closed]) .grip-dimensions{display:none}.grip-tok-app .grip-view-tabs{gap:4px}.grip-tok-app .grip-view-tabs>button{padding:7px 10px}}@media (max-height:500px) and (orientation:landscape){.grip-tok-app .grip-svg-host{padding:114px 16px 75px}.grip-tok-app .grip-dimensions{display:none}}.grip-tok-app .grip-svg-host{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.grip-tok-app .grip-svg-host svg{min-width:0;min-height:0}.grip-tok-app .grip-tools:empty{display:none}.grip-tok-app .grip-tools .studio-view-menu{flex:none;min-width:180px}.grip-tok-app .grip-tools .view-presets-toggle{white-space:nowrap;min-width:max-content}.grip-tok-app .grip-edit-fields{border:0;min-width:0;margin:0;padding:0}.grip-tok-app .grip-edit-fields:disabled{opacity:.65}.grip-tok-app .grip-svg-host.grip-svg-safe{padding:0;display:block}.maker-app.maker-controls.maker-app--studio.grip-tok-app .grip-tools{min-height:48px;max-height:none;overflow:visible}.maker-app.maker-controls.maker-app--studio.grip-tok-app .grip-tools .studio-view-menu--inline{width:auto;min-width:max-content;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin:0;padding:0;display:flex;position:relative;inset:auto;transform:none}.maker-app.maker-controls.maker-app--studio.grip-tok-app .grip-tools .view-presets-menu{z-index:60}@font-face{font-family:GripMitr;src:url(/fonts/mitr-600-latin.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:GripCoiny;src:url(/fonts/coiny-400.ttf)format("truetype");font-display:swap}@font-face{font-family:GripLilita;src:url(/fonts/lilita-400.ttf)format("truetype");font-display:swap}.grip-font-choices,.grip-accent-choices,.grip-palette-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.grip-tok-app .grip-font-choices button,.grip-tok-app .grip-accent-choices button,.grip-tok-app .grip-palette-choices button{color:#294c74;cursor:pointer;background:#fff;border:1px solid #c8d9ed;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:66px;padding:9px 3px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;display:flex}.grip-tok-app .grip-font-choices button[aria-pressed=true],.grip-tok-app .grip-accent-choices button[aria-pressed=true]{color:#065cbd;background:#e8f3ff;border-color:#0878f4;box-shadow:inset 0 0 0 1px #0878f4}.grip-tok-app .grip-font-choices button:hover,.grip-tok-app .grip-accent-choices button:hover,.grip-tok-app .grip-palette-choices button:hover{border-color:#0878f4}.grip-tok-app .grip-font-sample{font-size:32px;font-weight:400;line-height:1.1}.grip-font-rounded{font-family:GripMitr,sans-serif!important}.grip-font-coiny{font-family:GripCoiny,sans-serif!important}.grip-font-lilita{font-family:GripLilita,sans-serif!important}.grip-accent-choices button>span{font-size:24px;line-height:1.1}.grip-palette-swatches{border-radius:12px;gap:3px;padding:6px;display:flex}.grip-palette-swatches i{border-radius:7px;width:12px;height:17px;display:block}.grip-tok-app .grip-palette-choices{margin-bottom:14px}.grip-tok-app button:focus-visible{outline-offset:2px;outline:3px solid #75b7ff}.grip-tok-app .grip-font-choices button:disabled,.grip-tok-app .grip-accent-choices button:disabled,.grip-tok-app .grip-palette-choices button:disabled{cursor:wait;opacity:.65}