.signature-wall-page{display:flex;flex-direction:column;gap:var(--space-10)}.signature-hero{display:grid;gap:var(--space-3);padding:var(--space-8) 0 0}.signature-kicker{color:var(--accent);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase}.signature-hero h1{font-size:clamp(2rem,6vw,4.5rem);letter-spacing:0}.signature-hero p:last-child{color:var(--text-secondary);font-size:var(--text-lg)}.signature-studio{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-6);align-items:stretch}.studio-board,.signature-form{background:var(--surface-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.studio-board{padding:var(--space-4);display:grid;gap:var(--space-4)}.canvas-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.tool-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.tool-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold)}.color-swatch,.custom-color,.size-button,.tool-button{min-width:40px;min-height:40px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.color-swatch{position:relative;width:40px;padding:0}.color-swatch:before{content:"";position:absolute;inset:8px;border-radius:var(--radius-full, 9999px);background:var(--swatch-color);box-shadow:inset 0 0 0 1px #0000001f}.color-swatch.is-active,.custom-color:focus-within,.size-button.is-active,.tool-button.is-active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.color-swatch:hover,.size-button:hover:not(:disabled),.tool-button:hover:not(:disabled){transform:translateY(-1px)}.custom-color{width:44px;padding:4px;display:grid;place-items:center}.custom-color input{width:100%;height:100%;padding:0;border:0;border-radius:var(--radius-sm);background:transparent}.size-button{padding:0 var(--space-3)}.size-slider{width:104px;accent-color:var(--accent)}.tool-button{padding:0 var(--space-3)}.tool-button.danger{color:#b8322b}.tool-button:disabled{cursor:not-allowed;opacity:.48}.canvas-shell{position:relative;min-height:320px;height:min(52vw,460px);border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),#fff;background-size:28px 28px;border:1px solid rgba(0,0,0,.08)}#signatureCanvas{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:crosshair}#signatureCanvas.is-erasing{cursor:cell}.canvas-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-6);color:#1d1d1f6b;font-size:var(--text-lg);text-align:center;pointer-events:none}.signature-form{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.hp-field{display:none}.nickname-field,.color-field,.size-field{display:grid;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.nickname-field input{width:100%;height:42px;padding:0 var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font:inherit}.brush-row{display:grid;grid-template-columns:72px 1fr;gap:var(--space-4);align-items:end}.color-field input{width:48px;height:42px;padding:4px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary)}.size-field input{width:100%;accent-color:var(--accent)}.form-actions{display:grid;gap:var(--space-3)}.wall-button{min-height:42px;border-radius:var(--radius-md);font-weight:var(--font-semibold);transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.wall-button:hover:not(:disabled){transform:translateY(-1px)}.wall-button:disabled{cursor:not-allowed;opacity:.6}.wall-button.primary{background:var(--accent);color:#fff}.wall-button.secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary)}.form-status{min-height:1.5em;color:var(--text-secondary);font-size:var(--text-sm)}.form-status[data-kind=error]{color:#c7362f}.form-status[data-kind=success]{color:#267a3e}.wall-section{display:grid;gap:var(--space-5)}.wall-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4)}.wall-heading h2{margin-top:var(--space-1)}.wall-count{color:var(--text-tertiary);font-size:var(--text-sm)}.signature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-5);align-items:start}.signature-card{position:relative;display:grid;gap:var(--space-3);padding:var(--space-3);min-height:190px;background:#fffaf0;color:#1d1d1f;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);box-shadow:0 10px 24px #00000014;transform:rotate(var(--tilt, -1deg))}.signature-card:nth-child(3n){--tilt: 1.2deg;background:#f5fbff}.signature-card:nth-child(4n){--tilt: .5deg;background:#f7fff4}.signature-card:before{content:"";position:absolute;top:-8px;left:50%;width:48px;height:16px;background:#007aff29;border-radius:2px;transform:translate(-50%) rotate(-2deg)}.signature-card img{width:100%;aspect-ratio:4 / 3;object-fit:contain;background:#fff;border-radius:4px}.signature-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:#1d1d1fa3;font-size:var(--text-xs)}.signature-meta strong{max-width:9em;overflow:hidden;color:#1d1d1f;text-overflow:ellipsis;white-space:nowrap}.signature-meta time{flex-shrink:0}.just-posted{animation:stickToWall .42s ease both}.empty-wall{grid-column:1 / -1;padding:var(--space-8);color:var(--text-secondary);text-align:center;background:var(--surface-tertiary);border-radius:var(--radius-lg)}.skeleton-card{transform:none;background:var(--surface-tertiary)}.skeleton-card:before{display:none}.skeleton-image,.skeleton-line{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--border-secondary),var(--border-primary),var(--border-secondary));background-size:200% 100%;animation:shimmer 1.2s infinite}.skeleton-image{aspect-ratio:4 / 3}.skeleton-line{height:12px}.skeleton-line.short{width:58%}@keyframes stickToWall{0%{opacity:0;transform:translateY(-18px) scale(.96) rotate(-3deg)}70%{opacity:1;transform:translateY(3px) scale(1.02) rotate(-1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt, -1deg))}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .studio-board,[data-theme=dark] .signature-form,[data-theme=dark] .empty-wall{background:var(--surface-secondary);border-color:var(--border-primary)}[data-theme=dark] .signature-card{background:#2a2a24;color:#e0e0d8;border-color:#ffffff0f;box-shadow:0 10px 24px #00000047}[data-theme=dark] .signature-card:nth-child(3n){background:#1e2830}[data-theme=dark] .signature-card:nth-child(4n){background:#1e2a24}[data-theme=dark] .signature-card:before{background:#78b4ff38}[data-theme=dark] .signature-card img{background:#1a1a18}[data-theme=dark] .signature-meta{color:#e0e0d880}[data-theme=dark] .signature-meta strong{color:#e0e0d8}[data-theme=dark] .canvas-placeholder{color:#e0e0d859}[data-theme=dark] .canvas-shell{background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),#1a1a18;border-color:#ffffff1a}[data-theme=dark] .wall-button.secondary,[data-theme=dark] .color-swatch,[data-theme=dark] .custom-color,[data-theme=dark] .size-button,[data-theme=dark] .tool-button{background:var(--surface-secondary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] .skeleton-card{background:var(--surface-secondary)}@media(max-width:860px){.signature-studio{grid-template-columns:1fr}.canvas-shell{height:58vw;min-height:280px}.canvas-toolbar{justify-content:flex-start}}.lightbox-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--space-6);cursor:pointer}.lightbox-overlay[hidden]{display:none}.lightbox-backdrop{position:absolute;inset:0;background:#000000c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox-close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:2;width:44px;height:44px;display:grid;place-items:center;background:#ffffff1f;color:#fff;font-size:28px;border-radius:var(--radius-full, 9999px);border:none;transition:background var(--transition-fast)}.lightbox-close:hover{background:#ffffff38}.lightbox-content{position:relative;z-index:1;max-width:90vw;max-height:86vh;display:grid;gap:var(--space-3);justify-items:center;cursor:default}.lightbox-content img{max-width:100%;max-height:78vh;object-fit:contain;background:#fff;border-radius:var(--radius-md);box-shadow:0 16px 48px #00000052}.lightbox-caption{color:#ffffffc7;font-size:var(--text-sm);text-align:center}.token-dialog-overlay{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;background:#0006;padding:var(--space-4)}.token-dialog{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000003d;padding:var(--space-6);max-width:360px;width:100%;display:grid;gap:var(--space-4)}.token-dialog-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.token-dialog-desc{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.token-dialog-input{width:100%;height:42px;padding:0 var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font:inherit;font-size:var(--text-sm);outline:none}.token-dialog-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.token-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.token-dialog-btn{min-height:38px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:filter var(--transition-fast),background var(--transition-fast)}.token-dialog-btn.confirm{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.token-dialog-btn:hover{filter:brightness(.92)}.token-dialog-error{color:#b8322b;font-size:var(--text-xs);margin:0}.context-menu{position:fixed;z-index:1000;min-width:136px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 4px 20px #0000002e;padding:4px;display:flex;flex-direction:column;gap:2px}.context-menu-item{display:block;width:100%;padding:8px 14px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.context-menu-item:hover{background:var(--surface-tertiary)}.context-menu-item.danger{color:#b8322b}.context-menu-item.danger:hover{background:#fef2f2}.signature-card.is-hidden{opacity:.38;filter:grayscale(.8)}@media(max-width:520px){.signature-wall-page{gap:var(--space-8)}.signature-hero{padding-top:var(--space-4)}.studio-board,.signature-form{border-radius:var(--radius-md)}.canvas-shell{min-height:260px;height:68vw}.signature-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.tool-group{width:100%}.action-tools .tool-button{flex:1 1 72px}.size-slider{flex:1 1 120px}}