:root{font-family:Arial,Helvetica,PingFang SC,Microsoft YaHei,sans-serif;color:#fff;background:#060010;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,.gravity-canvas:focus-visible{outline:2px solid #b19eef;outline-offset:5px}::selection{background:#b19eef;color:#060010}.app{position:relative;min-height:100svh;isolation:isolate}.canvas-shell{height:100svh;min-height:420px;position:relative;touch-action:none}.gravity-canvas{position:relative;isolation:isolate;height:100%;min-height:240px;width:100%;overflow:hidden;touch-action:none;cursor:crosshair!important}.gravity-canvas canvas{display:block}.editor-toolbar{position:absolute;bottom:64px;left:20px;right:20px;z-index:3;display:flex;justify-content:center;pointer-events:none}.editor-toolbar>*{pointer-events:auto}.editor{position:relative}.edit-button{width:36px;height:36px;aspect-ratio:1;border-radius:50%!important;display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0;border:1px solid #43394e;border-radius:7px;background:#10091c;color:#d2cadf;font-size:12px;transition:border-color .15s,background .15s}.edit-button:hover,.edit-button[aria-expanded=true]{background:#1b112b;border-color:#8a75af}.edit-button svg,.apply-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.edit-panel{position:absolute;left:50%;bottom:50px;transform:translate(-50%);width:310px;border:1px solid #443652;border-radius:12px;padding:20px;background:#120a20;box-shadow:0 16px 48px #0008}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px}.label-row span{color:#b2a5c6;font-size:10px;font-variant-numeric:tabular-nums}.edit-panel textarea{width:100%;resize:vertical;min-height:74px;max-height:200px;padding:12px;border:1px solid #514260;border-radius:6px;background:#090411;color:#fff;font-size:16px;line-height:1.5;caret-color:#b19eef}.editor-note{font-size:11px;color:#b2a5c6;line-height:1.7;margin:9px 0 18px;min-height:19px}.editor-note.error{color:#ffb3b3}.editor-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.reset-button{padding:7px 0;border:0;background:none;color:#b2a5c6;font-size:11px}.reset-button:hover{color:#fff}.apply-button{display:flex;align-items:center;gap:12px;background:#b19eef;color:#140925;border:0;padding:10px 13px;border-radius:5px;font-size:12px;font-weight:600}.apply-button:hover{background:#c7b7ff}.footer{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:13px;color:#a8a1b6;pointer-events:none;font-size:11px;letter-spacing:.03em}.footer i{height:2px;width:2px;border-radius:50%;background:#81718f}.mobile-hint{display:none}.fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:30px;text-align:center;pointer-events:none}.fallback>div{white-space:pre-line;font-size:clamp(44px,11vw,180px);font-weight:800;overflow-wrap:anywhere}.fallback p{font-size:12px;color:#b2a5c6;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:680px){.editor-toolbar{bottom:calc(max(25px,env(safe-area-inset-bottom)) + 34px)}.edit-button{width:38px;height:38px;min-height:38px;padding:0;font-size:11px}.edit-panel{width:min(310px,calc(100vw - 40px));padding:19px;bottom:51px}.footer{bottom:max(25px,env(safe-area-inset-bottom));font-size:10px;gap:11px}.desktop-hint{display:none}.mobile-hint{display:inline}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}