.symbol-desk-page { margin:0; color:#242424; background:#f4f3f5; font:12px/1.6 var(--font-sans); --site-ease-out: cubic-bezier(.23,1,.32,1); --site-motion-fast:160ms; --sd-duration:200ms; }
.symbol-desk-page * { box-sizing:border-box; }
.symbol-desk-page::after { content:""; position:fixed; inset:0; z-index:90; pointer-events:none; opacity:.022; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.symbol-desk-page a { color:inherit; text-decoration:none; }
.symbol-desk-page button,.symbol-desk-page select { font:inherit; color:inherit; }
.symbol-desk-page button { background:transparent; border:0; padding:5px 0; cursor:pointer; text-align:left; }
.symbol-desk-page button:disabled { opacity:.35; cursor:default; }
.symbol-desk-page :focus-visible { outline:2px solid var(--rainbow-blue); outline-offset:4px; }
.symbol-desk-page [hidden] { display:none !important; }
.symbol-desk-page .sd-header { position:sticky; top:0; z-index:30; display:grid; grid-template-columns:1fr 1fr 1fr; padding:17px 24px; font-size:9px; line-height:1.5; background:transparent; }
.symbol-desk-page .sd-header>div { text-align:center; }
.symbol-desk-page .sd-header strong { display:block; font:16px/1.2 var(--font-display); }
.symbol-desk-page .sd-header>a:last-child { justify-self:end; }
.symbol-desk-page .sd-archive { text-align:center; font-size:8px; margin:16px 0 24px; }
.symbol-desk-page .sd-flag { display:flex; width:25px; height:16px; flex-direction:column; margin:9px auto 0; border:1px solid #aaa; }
.symbol-desk-page .sd-flag i { flex:1; background:var(--rainbow-red); }
.symbol-desk-page .sd-flag i:nth-child(2) { background:var(--rainbow-orange); }
.symbol-desk-page .sd-flag i:nth-child(3) { background:var(--rainbow-yellow); }
.symbol-desk-page .sd-flag i:nth-child(4) { background:var(--rainbow-teal); }
.symbol-desk-page .sd-flag i:nth-child(5) { background:var(--rainbow-blue); }
.symbol-desk-page .sd-flag i:nth-child(6) { background:var(--rainbow-purple); }
.symbol-desk-page .sd-main { display:grid; grid-template-columns:260px minmax(0,1fr); gap:28px; padding:0 24px 70px; }
.symbol-desk-page .sd-intro { position:relative; z-index:2; }
.symbol-desk-page .sd-meta { font-size:8px; margin:0; }
.symbol-desk-page h1 { font:32px/1 var(--font-display); margin:15px 0; letter-spacing:-.04em; }
.symbol-desk-page .sd-subtitle { font-size:10px; color:#737373; margin-bottom:28px; }
.symbol-desk-page .sd-instructions { margin-top:28px; }
.symbol-desk-page .sd-instructions span { display:block; margin-top:10px; font-size:10px; color:#6a6a6a; }
.symbol-desk-page .sd-caution { font-size:10px; color:#616161; max-width:235px; margin:26px 0; }
.symbol-desk-page #sdUndo { font-size:10px; border-bottom:1px solid #aaa; }
.symbol-desk-page .sd-inspector { margin-top:24px; max-width:250px; }
.symbol-desk-page .sd-inspector h2 { font-size:13px; font-weight:500; }
.symbol-desk-page .sd-inspector p { font-size:10px; }
.symbol-desk-page .sd-inspector select { width:100%; padding:7px; background:transparent; border:1px solid #999; }
.symbol-desk-page .sd-inspector a { display:block; margin-top:12px; text-decoration:underline; }
.symbol-desk-page .sd-inspector button { display:block; margin-top:8px; }
.symbol-desk-page .sd-workspace { min-width:0; }
.symbol-desk-page .sd-canvas { position:relative; height:440px; min-height:330px; }
.symbol-desk-page .sd-background { position:absolute; top:25px; left:-10px; width:100%; overflow:hidden; margin:0; color:rgba(41,139,127,.085); font:clamp(80px,13.5vw,220px)/.75 var(--font-display); letter-spacing:-.075em; pointer-events:none; }
.symbol-desk-page .sd-folder { position:absolute; top:0; left:0; width:210px; z-index:12; }
.symbol-desk-page .sd-folder-handle { display:block; width:100%; padding:0; cursor:grab; user-select:none; -webkit-user-select:none; touch-action:none; }
.symbol-desk-page .sd-folder svg { display:block; width:100%; height:150px; overflow:visible; filter:drop-shadow(0 8px 7px #00000018); }
.symbol-desk-page .sd-folder-front { transform-origin:50% 92%; transition:transform var(--sd-duration) var(--site-ease-out); }
.symbol-desk-page .sd-folder.is-target .sd-folder-front { transform:translateY(3px) skewX(-5deg) scaleY(.86); }
.symbol-desk-page .sd-folder.is-target .sd-folder-title { text-decoration:underline; }
.symbol-desk-page .sd-folder.is-moving { z-index:20; }
.symbol-desk-page .sd-folder.is-moving .sd-folder-handle { cursor:grabbing; }
.symbol-desk-page .sd-folder.is-moving svg { transform:translateY(-4px); }
.symbol-desk-page .sd-folder-title { display:block; width:100%; font-size:12px; padding-top:6px; color:#242424; }
.symbol-desk-page .sd-folder-title small { display:block; color:#686868; font-size:9px; }
.symbol-desk-page .sd-folder-title b { display:block; font:24px/1.2 var(--font-display); }
.symbol-desk-page .sd-folder-title span { display:block; font-size:12px; }
.symbol-desk-page .sd-count { position:absolute; right:17px; top:96px; pointer-events:none; font-size:23px; color:#ffffffd9; }
.symbol-desk-page .sd-folder-traces { position:absolute; top:69px; left:20px; display:flex; gap:3px; pointer-events:none; }
.symbol-desk-page .sd-folder-traces img { width:29px; height:37px; object-fit:contain; }
.symbol-desk-page .sd-tray { position:relative; margin-top:24px; }
.symbol-desk-page .sd-tray-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.symbol-desk-page .sd-tray-heading h2 { font-size:10px; font-weight:400; }
.symbol-desk-page .sd-tray-heading button { font-size:9px; margin-left:14px; }
.symbol-desk-page .sd-materials { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px 15px; padding-top:16px; }
.symbol-desk-page .sd-material { min-width:0; }
.symbol-desk-page .sd-symbol { display:block; width:100%; padding:0; cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none; }
.symbol-desk-page .sd-symbol img { display:block; width:100%; height:115px; object-fit:contain; pointer-events:none; }
.symbol-desk-page .sd-symbol span { display:block; font-size:8px; text-align:left; border-top:2px solid var(--symbol-colour); padding-top:5px; }
.symbol-desk-page .sd-symbol strong { display:block; font-size:9px; font-weight:400; line-height:1.3; margin-top:3px; }
.symbol-desk-page .sd-record-link { display:block; font-size:8px; margin-top:8px; color:#595959; }
.symbol-desk-page .sd-symbol[aria-pressed="true"] { outline:1px solid var(--rainbow-blue); outline-offset:5px; }
.symbol-desk-page .sd-symbol.is-moving { opacity:.22; }
.symbol-desk-page .sd-ghost { position:fixed; top:0; left:0; z-index:80; pointer-events:none; opacity:.94; object-fit:contain; user-select:none; }
.symbol-desk-page .sd-footer { position:fixed; bottom:0; left:0; right:0; z-index:30; display:flex; justify-content:space-between; gap:12px; padding:9px 24px; font-size:8px; background:transparent; pointer-events:none; }
@media (hover:hover) and (pointer:fine) { .symbol-desk-page .sd-record-link:hover,.symbol-desk-page .sd-header a:hover { text-decoration:underline; } }
@media (max-width:1100px) { .symbol-desk-page .sd-main { grid-template-columns:225px minmax(0,1fr); gap:20px; } .symbol-desk-page .sd-folder { width:180px; } .symbol-desk-page .sd-folder svg { height:130px; } .symbol-desk-page .sd-count { top:80px; } .symbol-desk-page .sd-materials { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px), (pointer:coarse) { .symbol-desk-page .sd-header { padding:14px; grid-template-columns:1fr 1fr; gap:16px; } .symbol-desk-page .sd-header>div { text-align:right; } .symbol-desk-page .sd-header>a:last-child { grid-column:1/-1; justify-self:stretch; text-align:center; padding:9px; border:1px solid #aaa; } .symbol-desk-page .sd-main { display:block; padding:0 18px 85px; } .symbol-desk-page .sd-intro { margin-bottom:28px; } .symbol-desk-page .sd-caution { max-width:100%; } .symbol-desk-page .sd-inspector { max-width:100%; } .symbol-desk-page .sd-canvas { height:auto; min-height:0; } .symbol-desk-page #sdFolders { display:grid; grid-template-columns:1fr 1fr; gap:24px 18px; } .symbol-desk-page .sd-folder { position:relative; width:100%; transform:none !important; } .symbol-desk-page .sd-folder-handle,.symbol-desk-page .sd-symbol { touch-action:auto; cursor:pointer; } .symbol-desk-page .sd-materials { grid-template-columns:repeat(2,minmax(0,1fr)); } .symbol-desk-page .sd-tray-heading { align-items:start; } .symbol-desk-page .sd-tray-heading>div { text-align:right; } .symbol-desk-page .sd-footer span:first-child { display:none; } }
@media (prefers-reduced-motion:reduce) { .symbol-desk-page .sd-folder-front { transition:none; } .symbol-desk-page .sd-folder.is-target .sd-folder-front,.symbol-desk-page .sd-folder.is-moving svg { transform:none; } }