:root{--accent: #0071e3;--accent-soft: rgba(0, 113, 227, .12);--accent-strong: #0058b0;--island-bg: rgba(255, 255, 255, .78);--island-border: rgba(0, 0, 0, .08);--text: #1d1d1f;--text-muted: #66666b;--button-hover: rgba(0, 0, 0, .05);--separator: rgba(0, 0, 0, .08);--shadow: 0 0 0 .5px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .1);--danger: #e03131;--radius: 14px;--glass: blur(20px) saturate(180%);--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Pretendard", "Inter", "Noto Sans KR", "Segoe UI", Roboto, "Malgun Gothic", sans-serif;color-scheme:light}:root[data-theme=dark]{--accent: #0a84ff;--accent-soft: rgba(10, 132, 255, .22);--accent-strong: #98c5ff;--island-bg: rgba(29, 29, 31, .76);--island-border: rgba(255, 255, 255, .1);--text: #f5f5f7;--text-muted: #a1a1a6;--button-hover: rgba(255, 255, 255, .08);--separator: rgba(255, 255, 255, .1);--shadow: 0 0 0 .5px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;font-family:var(--font-ui);color:var(--text);-webkit-tap-highlight-color:transparent}#root{position:relative;width:100vw;height:100dvh}.ax-canvas{position:absolute;inset:0;touch-action:none}.ax-canvas--static{z-index:1}.ax-canvas--interactive{z-index:2}.ax-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.ax-overlay>*{pointer-events:auto}.ax-text-editor{position:absolute;display:block;margin:0;padding:0;border:none;outline:none;resize:none;overflow:hidden;background:transparent;white-space:pre;overflow-wrap:normal;backface-visibility:hidden;min-height:1em;z-index:10}.ax-ui{position:absolute;inset:0;z-index:4;pointer-events:none}.ax-ui>*{pointer-events:auto}.island{background:var(--island-bg);border:1px solid var(--island-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;position:relative;transition:background .12s ease,transform .12s ease}.btn:hover:not(:disabled){background:var(--button-hover)}.btn:active:not(:disabled){transform:scale(.94)}.btn:disabled{opacity:.35;cursor:default}.btn.is-active{background:var(--accent-soft);color:var(--accent-strong)}.btn svg{width:20px;height:20px}.btn .shortcut{position:absolute;right:3px;bottom:1px;font-size:9px;color:var(--text-muted);pointer-events:none}.btn.is-active .shortcut{color:var(--accent-strong)}.btn--wide{width:auto;padding:0 12px}.toolbar{position:absolute;top:50%;left:12px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar .separator{width:24px;height:1px;margin:4px 0;background:var(--separator);flex:0 0 auto}.brand{padding:0 10px 0 4px;font-family:Caveat,cursive;font-size:22px;font-weight:600;color:var(--text);user-select:none}.brand:first-letter{color:var(--accent)}.share-btn{box-shadow:var(--shadow)}.coffee-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f5d76e);box-shadow:var(--shadow);font-size:17px;text-decoration:none;transition:transform .12s ease}.coffee-btn:hover{transform:scale(1.08)}.top-left{position:absolute;top:12px;left:12px;display:flex;gap:8px;align-items:flex-start}.top-right{position:absolute;top:12px;right:12px;display:flex;gap:8px;align-items:flex-start}.bottom-left{position:absolute;bottom:12px;left:12px;display:flex;gap:8px;align-items:center}.bottom-right{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;align-items:flex-end;flex-direction:column}.zoom-island{display:flex;align-items:center;padding:4px}.zoom-value{min-width:56px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;background:transparent;border:none;color:var(--text);cursor:pointer;font-family:inherit;border-radius:6px;height:28px}.zoom-value:hover{background:var(--button-hover)}.panel{position:absolute;top:64px;right:12px;width:208px;max-height:calc(100dvh - 150px);overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}.panel[hidden]{display:none}.panel-section{display:flex;flex-direction:column;gap:6px}.panel-label{font-size:12px;color:var(--text-muted)}.swatches{display:flex;align-items:center;gap:6px}.swatch-row{display:flex;gap:6px;flex:1}.swatch{width:22px;height:22px;border-radius:6px;border:1px solid var(--island-border);cursor:pointer;padding:0;background-clip:padding-box}.swatch.is-active{outline:2px solid var(--accent);outline-offset:1px}.swatch--transparent{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.swatch--current{width:30px;height:30px;border-radius:8px;margin-left:4px}.option-row{display:flex;gap:6px;flex-wrap:wrap}.option{width:32px;height:32px;border-radius:8px;border:none;background:var(--button-hover);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:13px;padding:0}.option:hover{filter:brightness(.96)}.option.is-active{background:var(--accent-soft);color:var(--accent-strong)}.option svg{width:18px;height:18px}.font-options{display:flex;flex-direction:column;gap:4px}.font-option{width:100%;padding:7px 12px;border:1px solid var(--separator);border-radius:9px;background:transparent;color:var(--text);font-size:14px;text-align:left;cursor:pointer}.font-option:hover{background:var(--button-hover)}.font-option.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.slider-row{display:flex;align-items:center;gap:8px}input[type=range]{flex:1;accent-color:var(--accent)}.dropdown{position:absolute;min-width:220px;padding:6px;z-index:20}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text);border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;text-align:left}.dropdown-item:hover{background:var(--button-hover)}.dropdown-item svg{width:16px;height:16px;flex:0 0 auto}.dropdown-item .kbd{margin-left:auto;font-size:11px;color:var(--text-muted)}.dropdown-separator{height:1px;margin:6px 4px;background:var(--separator)}.dropdown-title{padding:6px 10px 2px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.modal-backdrop{position:fixed;inset:0;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{width:min(760px,100%);max-height:86dvh;overflow-y:auto;padding:24px;border-radius:18px}.modal h2{margin:0 0 4px;font-size:20px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.shortcut-list{display:flex;flex-direction:column;gap:5px}.shortcut-list h3{margin:0 0 4px;font-size:13px;color:var(--accent)}.shortcut-row{display:flex;justify-content:space-between;gap:12px;font-size:12.5px}.shortcut-row span:last-child{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.field-row{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:13px}.field-row label{display:flex;align-items:center;gap:8px;cursor:pointer}.primary-btn{padding:9px 18px;border-radius:980px;border:none;background:var(--accent);color:#fff;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:filter .12s ease,transform .12s ease}.primary-btn:hover{filter:brightness(1.08)}.primary-btn:active{transform:scale(.97)}.secondary-btn{padding:9px 18px;border-radius:980px;border:1px solid var(--separator);background:transparent;color:var(--text);font-family:inherit;font-size:13px;cursor:pointer}.secondary-btn:hover{background:var(--button-hover)}.danger{color:var(--danger)}.stats{width:208px;font-size:12px;display:flex;flex-direction:column;gap:4px}.stats-row{display:flex;justify-content:space-between;gap:8px;color:var(--text-muted);font-variant-numeric:tabular-nums}.stats-row strong{color:var(--text);font-weight:500}.stats-title{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:4px}.stats input{width:62px;padding:3px 6px;border-radius:6px;border:1px solid var(--separator);background:transparent;color:var(--text);font-family:inherit;font-size:12px}.board-list{display:flex;flex-direction:column;gap:6px}.board-row{display:flex;align-items:center;gap:8px}.board-open{flex:1;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 14px;border:1px solid var(--separator);border-radius:10px;background:transparent;color:var(--text);font-family:inherit;font-size:14px;text-align:left;cursor:pointer}.board-open:hover{background:var(--button-hover)}.board-open.is-current{border-color:var(--accent);background:var(--accent-soft)}.board-date{font-size:11px;color:var(--text-muted)}.board-delete{padding:8px 12px;font-size:12px}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.tpl-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border:1px solid var(--separator);border-radius:12px;background:transparent;color:var(--text);font-family:inherit;text-align:left;cursor:pointer;transition:background .12s ease,transform .12s ease}.tpl-card:hover{background:var(--button-hover)}.tpl-card:active{transform:scale(.97)}.tpl-emoji{font-size:26px}.tpl-name{font-size:14px;font-weight:600}.tpl-desc{font-size:12px;color:var(--text-muted)}.cdsa-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:980px;background:linear-gradient(135deg,#0c0c10,#1c1810 60%,#0c0c10);border:1px solid rgba(212,175,55,.5);box-shadow:0 2px 14px #00000040,0 0 0 .5px #d4af3733;font-size:13px;white-space:nowrap}.cdsa-banner-badge{padding:3px 10px;border-radius:980px;background:linear-gradient(90deg,#d4af37,#f5d76e);color:#14120a;font-weight:700;font-size:11px;letter-spacing:.05em}.cdsa-banner a{color:#f0e6c8;text-decoration:none;font-weight:500}.cdsa-banner a:hover{color:#f5d76e}.cdsa-banner .cdsa-banner-coffee{padding:4px 12px;border-radius:980px;background:linear-gradient(90deg,#d4af37,#f5d76e);color:#14120a;font-weight:700;font-size:12px}.cdsa-banner .cdsa-banner-coffee:hover{color:#14120a;filter:brightness(1.06)}@media (max-width: 730px){.cdsa-banner{display:none}}.credit{display:flex;gap:10px;padding:3px 10px;font-size:11px;border-radius:980px;background:var(--island-bg);border:1px solid var(--island-border);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.credit a{color:var(--text-muted);text-decoration:none}.credit a:hover{color:var(--accent)}.toast{position:absolute;bottom:70px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:980px;background:#1d1d1fd1;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);color:#f5f5f7;font-size:13px;z-index:40;pointer-events:none}.hint{position:absolute;bottom:60px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text-muted);pointer-events:none;text-align:center}.welcome{position:absolute;top:84px;left:50%;transform:translate(-50%);text-align:center;color:var(--text-muted);font-size:14px;pointer-events:none;line-height:1.9}.welcome strong{color:var(--text);font-size:22px;display:block;margin-bottom:6px}@media (max-width: 730px){.panel{inset:auto 8px 64px;width:auto;max-height:44dvh}.toolbar{top:auto;bottom:12px;left:50%;transform:translate(-50%);flex-direction:row;max-height:none;max-width:calc(100vw - 24px);overflow-x:auto;overflow-y:hidden;padding:4px}.toolbar .separator{width:1px;height:24px;margin:0 4px}.brand{display:none}.top-left,.top-right{top:8px}.bottom-left{bottom:auto;top:8px;left:60px}.bottom-right{bottom:auto;top:8px;right:60px}.stats{display:none}}.ax-recognition-chip{position:absolute;top:0;left:0;display:flex;gap:2px;padding:4px;background:var(--island-bg);border:1px solid var(--island-border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);pointer-events:auto;z-index:5;animation:ax-chip-in .14s ease-out}.ax-recognition-chip[hidden]{display:none}.ax-recognition-chip .chip-option{min-height:32px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-family:var(--font-ui);font-size:13px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.ax-recognition-chip .chip-option:hover{background:var(--button-hover);color:var(--text)}.ax-recognition-chip .chip-option.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.ax-recognition-chip .chip-option:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@keyframes ax-chip-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.ax-recognition-chip{animation:none}.ax-recognition-chip .chip-option{transition:none}}.collab-cursors{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.collab-cursor{position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50% 50% 50% 2px;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 4px #00000040;will-change:transform}.cp-backdrop{position:fixed;inset:0;z-index:40;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;background:#18141047;backdrop-filter:blur(2px)}.cp-backdrop[hidden]{display:none}.cp-panel{width:min(560px,calc(100vw - 32px));max-height:60vh;display:flex;flex-direction:column;background:var(--island-bg);border:1px solid var(--island-border);border-radius:16px;box-shadow:0 12px 40px #00000038;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);overflow:hidden}.cp-search{padding:12px 14px;border-bottom:1px solid var(--separator)}.cp-input{width:100%;border:0;background:transparent;color:var(--text);font-family:var(--font-ui);font-size:15px;outline:none}.cp-input::placeholder{color:var(--text-muted)}.cp-list{overflow-y:auto;padding:6px}.cp-group{padding:8px 10px 4px;color:var(--text-muted);font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cp-row{display:flex;align-items:baseline;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;font-family:var(--font-ui)}.cp-row.active{background:var(--accent-soft)}.cp-label{color:var(--text);font-size:14px}.cp-sub{flex:1;color:var(--text-muted);font-size:12px}.cp-kbd{padding:2px 6px;border:1px solid var(--separator);border-radius:5px;color:var(--text-muted);font-family:var(--font-ui);font-size:11px;white-space:nowrap}.cp-row.active .cp-kbd{border-color:var(--accent);color:var(--accent-strong)}.cp-empty{padding:24px;color:var(--text-muted);font-family:var(--font-ui);font-size:13px;text-align:center}.cp-footer{display:flex;gap:14px;padding:8px 14px;border-top:1px solid var(--separator);color:var(--text-muted);font-family:var(--font-ui);font-size:11px}@media (prefers-reduced-motion: reduce){.cp-backdrop{backdrop-filter:none}}