.art-portfolio{background:var(--gradient-surface);padding-top:0}
.art-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.art-sample{margin:0;background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card)}
.art-sample button{display:block;width:100%;padding:0;border:0;background:#0e202a;cursor:zoom-in;overflow:hidden}
.art-sample img{display:block;width:100%;height:auto;aspect-ratio:15/8;object-fit:contain;transition:transform .25s ease}
.art-sample button:hover img{transform:scale(1.025)}
.art-sample button:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}
.art-sample figcaption{padding:15px 20px;color:var(--foreground);font-weight:700;font-size:16px}
.art-gallery-note{color:var(--muted-foreground);margin:22px auto 0;max-width:780px;text-align:center;line-height:1.9}
.art-viewer{width:min(1240px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #425068;border-radius:18px;background:#101b2d;color:#f9f3e5;overflow:auto;box-shadow:0 28px 90px #0008;font-family:var(--font-stack)}
.art-viewer::backdrop{background:#06101de6;backdrop-filter:blur(7px)}
.art-viewer-bar,.art-viewer-nav{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 20px}
.art-viewer-bar{border-bottom:1px solid #ffffff24;position:sticky;top:0;background:#101b2d;z-index:2}
.art-viewer-bar h2{font-size:18px;margin:0;color:#fff}
.art-viewer-actions{display:flex;gap:8px;flex-shrink:0}
.art-viewer button{font:inherit;cursor:pointer;border:1px solid #ffffff52;border-radius:9px;color:#fff;background:#24344d;padding:9px 16px}
.art-viewer button:hover{background:#354b6b}
.art-viewer button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.art-viewer button[aria-pressed="true"]{background:var(--gold);color:#13213a;border-color:var(--gold)}
.art-view-stage{display:flex;align-items:center;justify-content:center;overflow:auto;max-height:70dvh;min-height:200px;padding:16px;direction:ltr;background:#08111e}
.art-view-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:65dvh;object-fit:contain;cursor:zoom-in}
.art-view-stage.is-zoomed{display:block}
.art-view-stage.is-zoomed img{width:max(150%,1400px);max-width:none;max-height:none;cursor:zoom-out}
.art-viewer-nav{border-top:1px solid #ffffff24}
.art-viewer-count{direction:ltr;color:#f6cf84;font-variant-numeric:tabular-nums}
.art-guide{margin-top:64px}
.art-guide .section-head{margin-bottom:24px}
.art-workbook{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--card);box-shadow:var(--shadow-card)}
.art-workbook-head{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--primary);padding:16px 22px;color:#fff}
.art-workbook-head strong{font-size:17px}
.art-workbook-head small{display:block;color:#e0e5f0;margin-top:3px;font-size:13px}
.art-copy{font:inherit;flex-shrink:0;border:1px solid #efd6a2;border-radius:9px;background:#f4cc85;color:#172d57;font-weight:700;padding:10px 16px;cursor:pointer}
.art-copy:focus-visible,.art-sheet-tabs button:focus-visible{outline:3px solid #d69018;outline-offset:-3px}
.art-copy-status{margin:0;background:#fff5df;padding:8px 22px;color:#72500c;font-size:14px;min-height:38px}
.art-sheet-intro{padding:24px 24px 18px}
.art-sheet-intro h3{margin:0 0 10px;font-size:23px;color:var(--foreground)}
.art-sheet-intro p{margin:0;color:var(--muted-foreground);line-height:1.9}
.art-sheet-scroll{overflow:auto;max-height:650px;overscroll-behavior:contain}
.art-sheet-table{width:100%;min-width:570px;border-collapse:separate;border-spacing:0;color:var(--foreground);font-size:15px;line-height:1.9}
.art-sheet-table th,.art-sheet-table td{padding:13px 18px;border-inline-end:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:top;text-align:start;overflow-wrap:anywhere}
.art-sheet-table thead th{position:sticky;top:0;background:#e9edf2;color:#3c4e68;z-index:1;font-weight:700;text-align:center}
.art-sheet-table tbody th{width:44px;padding-inline:12px;background:#f0f2f4;text-align:center;font:13px/2 ui-monospace,Consolas,monospace;color:#65748b}
.art-sheet-table td:nth-child(2){width:170px;font-weight:700;background:#faf7ef}
.art-sheet-table td:last-child{border-inline-end:0}
.art-sheet-table tr:last-child td,.art-sheet-table tr:last-child th{border-bottom:0}
.art-sheet-table code{font-family:ui-monospace,Consolas,monospace;color:#153d60;background:#eaf0f3;padding:2px 6px;border-radius:4px;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.art-sheet-table .art-row-group td{background:#fff0cf;color:#694806;font-weight:800}
.art-sheet-foot{font-size:14px;color:var(--muted-foreground);padding:16px 24px;border-top:1px solid var(--border);margin:0;line-height:1.9}
.art-sheet-tabs{display:flex;gap:3px;padding:10px 12px 0;background:#edf0f3;border-top:1px solid var(--border);overflow-x:auto}
.art-sheet-tabs button{font:inherit;font-weight:700;border:1px solid transparent;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;padding:13px 22px;cursor:pointer;background:transparent;color:#53617a;white-space:nowrap}
.art-sheet-tabs button[aria-selected="true"]{background:var(--card);border-color:var(--border);border-bottom-color:var(--gold);color:var(--primary)}
@media(max-width:700px){.art-gallery{grid-template-columns:1fr;gap:16px}.art-viewer-bar{align-items:flex-start;padding:12px;gap:8px}.art-viewer-bar h2{font-size:15px}.art-viewer button{padding:8px 11px;font-size:14px}.art-viewer-actions{gap:5px}.art-view-stage{padding:8px;min-height:150px}.art-viewer-nav{padding:12px}.art-workbook-head{align-items:flex-start;padding:16px;flex-wrap:wrap}.art-sheet-intro{padding:20px 16px}.art-sheet-tabs{padding-inline:6px}.art-sheet-tabs button{flex:1;padding:12px 14px;font-size:14px}.art-guide{margin-top:44px}}
@media(prefers-reduced-motion:reduce){.art-sample img{transition:none}}