:root{color-scheme:light dark;--bg:#f5f5f7;--card:#fff;--text:#111;--muted:#6e6e73;--line:rgba(60,60,67,.16);--soft:rgba(118,118,128,.12);--accent:#007aff;--accent-soft:rgba(0,122,255,.12);--danger:#ff3b30;--shadow:0 12px 35px rgba(0,0,0,.07);--r-xl:26px;--r-lg:20px;--r-md:15px}@media(prefers-color-scheme:dark){:root{--bg:#000;--card:#1c1c1e;--text:#f5f5f7;--muted:#98989d;--line:rgba(84,84,88,.58);--soft:rgba(118,118,128,.22);--accent:#0a84ff;--accent-soft:rgba(10,132,255,.18);--shadow:0 12px 35px rgba(0,0,0,.35)}}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% -20%,rgba(0,122,255,.08),transparent 28rem),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}.app-shell{width:min(100%,980px);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 16px max(38px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 2px 20px}.eyebrow{margin:0 0 2px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}h1{margin:0;font-size:clamp(32px,9vw,46px);letter-spacing:-.045em;line-height:1}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-button,.add-button{border:0;background:var(--card);box-shadow:0 1px 0 var(--line),var(--shadow);display:grid;place-items:center}.icon-button{width:44px;height:44px;border-radius:50%;font-size:16px;letter-spacing:1px}.add-button{width:48px;height:48px;border-radius:16px;background:var(--text);color:var(--bg);font-size:31px;font-weight:300;line-height:1}.search-section{margin-bottom:20px}.search-field{height:48px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.search-field svg{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}.search-field input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font-size:17px}.search-field input::placeholder{color:var(--muted)}.clear-search{width:28px;height:28px;border:0;border-radius:50%;background:var(--soft);color:var(--muted);display:none}.library-meta{display:flex;justify-content:space-between;gap:10px;margin:10px 4px 0;color:var(--muted);font-size:12px}.symbol-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.symbol-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--card);box-shadow:0 5px 20px rgba(0,0,0,.035)}.symbol-main{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}.card-preview{height:132px;display:grid;place-items:center;padding:25px;background:var(--soft);color:var(--text)}.card-preview svg{display:block;max-width:62px!important;max-height:62px!important;width:62px!important;height:62px!important;color:inherit}.card-info{padding:12px 12px 9px}.card-info h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;letter-spacing:-.01em}.card-meta{margin:4px 0 0;color:var(--muted);font-size:11px}.card-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 10px 10px}.copy-button,.download-button{height:36px;margin:0;border:0;border-radius:11px;background:var(--soft);display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:650}.download-button{padding:0 11px;color:var(--accent);background:var(--accent-soft)}.copy-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.output-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.empty-state{min-height:52vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px}.empty-state[hidden]{display:none}.empty-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:18px;border-radius:24px;background:var(--soft);font-size:34px}.empty-state h2{margin:0;font-size:22px}.empty-state p{max-width:330px;margin:8px 0 20px;color:var(--muted);line-height:1.4}.primary-button,.secondary-button,.danger-button,.text-button,.link-button{border:0}.primary-button{min-height:44px;padding:0 18px;border-radius:14px;background:var(--text);color:var(--bg);font-weight:700}.secondary-button{min-height:38px;padding:0 13px;border-radius:11px;background:var(--soft);font-weight:650}.popover{position:fixed;z-index:20;top:calc(env(safe-area-inset-top) + 72px);right:18px;width:220px;padding:7px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.popover[hidden]{display:none}.popover button{display:block;width:100%;padding:12px;border:0;border-radius:10px;background:transparent;text-align:left}.popover button:active{background:var(--soft)}dialog{padding:0;border:0;color:var(--text)}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(3px)}.sheet-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;background:var(--bg)}.sheet{height:100%;display:flex;flex-direction:column;background:var(--bg)}.sheet-handle{display:none}.sheet-header{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;padding:max(5px,env(safe-area-inset-top)) 16px 6px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.sheet-header h2{margin:0;font-size:17px;text-align:center}.sheet-header .text-button:first-child{justify-self:start}.sheet-header .text-button:last-child{justify-self:end}.text-button{padding:8px 0;background:transparent;color:var(--accent);font-size:16px}.text-button.strong{font-weight:700}.sheet-scroll{width:min(100%,720px);margin:0 auto;flex:1;overflow:auto;padding:16px 16px max(32px,env(safe-area-inset-bottom))}.preview-card,.form-card{margin-bottom:14px;padding:15px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}.preview-card{padding:0;overflow:hidden}.svg-preview{min-height:225px;display:grid;place-items:center;padding:35px;color:#111;background:linear-gradient(135deg,#f6f6f8,#fff)}@media(prefers-color-scheme:dark){.svg-preview{background:linear-gradient(135deg,#f4f4f5,#fff)}}.svg-preview svg{display:block;max-width:112px!important;max-height:112px!important;width:112px!important;height:112px!important;color:inherit}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 0}.preview-color-label{font-size:13px;color:var(--muted)}input[type=color]{width:34px;height:30px;padding:0;border:0;background:transparent}.preview-status{margin:8px 14px 13px;color:var(--muted);font-size:12px}.field-label{display:block;margin:0 0 7px;font-size:13px;font-weight:650}.field-spaced{margin-top:16px}.text-input,.code-input{width:100%;border:1px solid var(--line);outline:0;border-radius:13px;background:var(--soft);color:var(--text)}.text-input{height:46px;padding:0 12px;font-size:16px}.code-input{min-height:210px;padding:12px;resize:vertical;font:12px/1.48 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-input:focus,.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.inline-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h3,.analysis-card h3{margin:0;font-size:16px}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.setting-group{margin:16px 0 0;padding:0;border:0}.setting-group legend{margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:650}.choice-row,.switch-row{min-height:54px;display:flex;align-items:center;gap:11px;padding:9px 2px;border-top:1px solid var(--line)}.choice-row:first-of-type{border-top:0}.choice-row>span:nth-of-type(1),.switch-row>span{flex:1;display:flex;flex-direction:column;gap:2px;font-size:14px}.choice-row small,.switch-row small,.slider-heading small{color:var(--muted);font-size:11px;line-height:1.25;font-weight:400}.choice-row input[type=radio]{width:20px;height:20px;accent-color:var(--accent)}.recommended-pill{flex:0!important;padding:4px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:9px!important;font-weight:750!important}.compact-color{flex:0 0 auto!important}.stroke-controls{padding-top:10px;border-top:1px solid var(--line)}.slider-heading{display:flex;justify-content:space-between;gap:10px}.slider-heading>span{display:flex;flex-direction:column}.slider-heading output{font-size:13px;color:var(--muted)}input[type=range]{width:100%;margin:14px 0 8px;accent-color:var(--accent)}.link-button{padding:3px 0;background:transparent;color:var(--accent);font-size:12px}.switch-row{margin-top:12px}.switch-row input{width:22px;height:22px;accent-color:var(--accent)}.analysis-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.analysis-chips span{padding:5px 8px;border-radius:999px;background:var(--soft);font-size:10px;font-weight:650}.analysis-card p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.output-heading{align-items:center}.output-code{max-height:270px;overflow:auto;margin:12px 0 0;padding:12px;border-radius:13px;background:var(--soft);white-space:pre-wrap;word-break:break-word;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.danger-button{width:100%;min-height:46px;border-radius:14px;background:rgba(255,59,48,.12);color:var(--danger);font-weight:700}.alert-dialog{width:min(calc(100% - 36px),410px);border-radius:22px;background:transparent}.alert-card{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}.alert-card h2{margin:0 0 10px;font-size:21px}.alert-card p{margin:8px 0;color:var(--muted);font-size:14px;line-height:1.45}.alert-card .primary-button{width:100%;margin-top:13px}.toast{position:fixed;z-index:50;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100% - 32px);padding:11px 15px;border:1px solid var(--line);border-radius:999px;background:var(--text);color:var(--bg);box-shadow:var(--shadow);font-size:13px;font-weight:650}.toast[hidden]{display:none}body.dialog-open{overflow:hidden}