:root{--paper:#f8f6f0;--white:#fffefa;--ink:#203c3c;--muted:#626c67;--line:#dedfd6;--orange:#b65335;--pale:#e9eee5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait} .preview-strip{padding:7px 24px;text-align:center;background:var(--ink);color:#f8f6f0;font-size:10px;letter-spacing:1.8px}.preview-strip span{margin:0 9px}.masthead{max-width:1440px;margin:auto;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:14px;font-weight:750;letter-spacing:2px}.brand span{display:block;font-size:9px;letter-spacing:2.6px;color:var(--muted);margin-top:3px}.masthead nav{display:flex;gap:30px;font-size:12px}.masthead nav a:hover{text-decoration:underline}main{max-width:1440px;margin:auto}.intro{padding:54px 5% 45px;display:flex;justify-content:space-between;align-items:center;gap:40px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;margin:0 0 14px;color:var(--orange)}h1{font:normal clamp(40px,4.5vw,65px)/1.05 Georgia,serif;letter-spacing:-2px;margin:0 0 20px}h1 em{font-weight:normal}.lede{color:var(--muted);line-height:1.7;margin:0;font-size:15px}.specimen{width:310px;margin-right:6%;transform:rotate(-5deg)}.specimen svg{display:block;width:100%}.specimen span{display:block;font-size:8px;letter-spacing:1.9px;text-align:center;margin-top:6px}.library{padding:32px 5% 64px;border-top:1px solid var(--line)}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.library-heading .eyebrow{margin:0 0 7px}h2{font:normal 32px/1.15 Georgia,serif;margin:0;letter-spacing:-.5px}.view-tabs{display:flex;border-bottom:1px solid var(--line);gap:24px}.view-tabs button{padding:12px 0;background:none;border:0;border-bottom:2px solid transparent;font-size:13px;color:var(--muted)}.view-tabs button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:650}.view-tabs span{background:var(--pale);padding:2px 7px;border-radius:5px;font-size:10px;margin-left:4px}.search-row{display:flex;gap:25px;align-items:center;margin-bottom:27px}.search{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid #c9cec5;border-radius:5px;padding:11px 16px;flex:1}.search>span{font-size:27px;line-height:20px}.search input{border:0;background:transparent;outline:none;min-width:0;width:100%;color:var(--ink);font-size:14px}.search:focus-within{outline:2px solid var(--orange);outline-offset:2px}.search kbd{border:1px solid var(--line);border-radius:3px;padding:0 6px;color:#7c8279}.sort{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.sort select{border:0;background:transparent;color:var(--ink);font-size:12px;padding:10px 4px}.browser{display:grid;grid-template-columns:193px minmax(0,1fr);gap:32px}aside h3{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;margin:9px 0 15px;color:var(--muted)}.categories{display:flex;flex-direction:column;gap:4px}.categories button{background:none;border:0;text-align:left;padding:11px 12px;border-radius:4px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.categories button span{font-size:10px;opacity:.65}.categories button:hover{background:#efeee7}.categories button[aria-pressed=true]{background:var(--ink);color:white}.aside-note{margin:37px 12px 0;padding-top:23px;border-top:1px solid var(--line)}.mini-mark{color:var(--orange);display:block;font-size:27px;margin-bottom:12px}.aside-note strong{font:italic 24px/1.2 Georgia,serif}.aside-note p{font-size:12px;color:var(--muted);max-width:145px;line-height:1.7}.results-meta{display:flex;justify-content:space-between;align-items:center;min-height:34px;margin-bottom:12px;font-size:11px;color:var(--muted)}.results-meta p{margin:0}.results-meta button{border:0;background:none;font-size:11px;text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:border-color .15s,transform .15s}.card:hover{border-color:#8a9c91;transform:translateY(-2px)}.open-card{display:block;width:100%;text-align:left;background:none;border:0;padding:0}.art{height:160px;display:flex;align-items:center;justify-content:center;background:radial-gradient(#d9dcd3 .65px,transparent .65px);background-size:12px 12px;border-bottom:1px solid #ecece5}.art svg,.art img{width:80%;height:84%;max-width:240px}.card-info{padding:14px 16px 16px}.card-info strong{display:block;font-size:13px;font-weight:550}.card-info span{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.save-card{position:absolute;right:9px;top:9px;display:grid;place-items:center;background:var(--white);border:1px solid var(--line);border-radius:50%;width:29px;height:29px;font-size:17px}.save-card[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.library-foot{font-size:10px;color:var(--muted);margin:30px 0 0}.empty{text-align:center;padding:65px 18px;border:1px dashed #b9c3b6;border-radius:5px}.empty>span{font-size:38px}.empty h3{font:26px Georgia,serif}.empty p{color:var(--muted);font-size:13px}.primary,.secondary{padding:12px 18px;border-radius:4px;font-size:12px;border:1px solid var(--ink)}.primary{background:var(--ink);color:white}.secondary{background:transparent}.primary:hover{background:#325552}.secondary:hover{background:var(--pale)}footer{border-top:1px solid var(--line);margin:0 5%;padding:28px 0 40px;display:flex;align-items:center;gap:25px}footer strong{font:italic 24px Georgia,serif}footer p{font-size:11px;color:var(--muted)}footer>span{margin-left:auto;font-size:8px;letter-spacing:1.8px}dialog{padding:0;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);max-width:850px;width:calc(100% - 36px);max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #18363230}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#142a29a6;backdrop-filter:blur(3px)}.close{position:absolute;top:12px;right:12px;border:1px solid var(--line);background:var(--paper);border-radius:50%;width:32px;height:32px;font-size:23px;z-index:1}.detail-art{display:flex;align-items:center;justify-content:center;min-height:390px;background:var(--white);border-right:1px solid var(--line);padding:20px}.detail-art svg{width:100%;max-height:320px}.detail-body{padding:48px 27px 30px}.detail-caption{color:var(--muted);font-size:13px;line-height:1.7;margin:17px 0 25px}.detail-body fieldset{border:0;padding:0;margin:0 0 24px}.detail-body legend{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.swatches{display:flex;gap:12px}.swatches button{width:28px;height:28px;border-radius:50%;border:3px solid var(--paper);outline:1px solid #c7ccc4}.swatches button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:25px}.tags button{border:1px solid var(--line);background:transparent;border-radius:3px;font-size:10px;padding:4px 7px}.tags button:hover{background:var(--pale)}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-note{font-size:10px;color:var(--muted);margin:18px 0 0}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:10px 20px;border-radius:5px;font-size:12px;z-index:5;max-width:90%;text-align:center}.notice:empty{display:none}[hidden]{display:none!important}@media(min-width:1350px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.art{height:150px}}@media(max-width:850px){.browser{grid-template-columns:155px minmax(0,1fr);gap:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.specimen{margin-right:0;width:240px}.categories button{padding:10px 6px;font-size:11px}.art{height:150px}footer{flex-wrap:wrap;gap:8px 20px}footer>span{margin-left:0}}@media(max-width:600px){.preview-strip{font-size:8px;letter-spacing:.7px}.masthead{padding:18px 5%}.masthead nav{font-size:10px;gap:14px}.brand{font-size:11px}.brand span{font-size:8px}.intro{padding:35px 5% 32px;gap:0}.specimen{width:115px;align-self:flex-start;margin-top:18px;opacity:.8}.specimen span{display:none}h1{font-size:36px;letter-spacing:-1.3px}.lede{font-size:12px;max-width:245px}.desktop-break{display:none}.library{padding-top:24px}.library-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}h2{font-size:29px}.view-tabs{width:100%;gap:24px}.view-tabs button{font-size:12px}.search-row{gap:10px;flex-wrap:wrap;margin-bottom:14px}.search{flex-basis:100%;padding:11px}.search input{font-size:13px}.sort{margin-left:auto}.browser{display:block}.categories{flex-direction:row;overflow-x:auto;padding:4px 0 10px;gap:7px}.categories button{white-space:nowrap;padding:9px 12px;border:1px solid var(--line)}aside h3,.aside-note{display:none}.results-meta{margin-top:9px}.grid{gap:12px}.art{height:125px}.card-info{padding:11px}.card-info strong{font-size:12px}.card-info span{font-size:9px}.save-card{width:26px;height:26px;right:7px;top:7px}.library-foot{line-height:1.7}footer{display:block}footer p{margin-top:13px}dialog[open]{grid-template-columns:1fr}.detail-art{min-height:210px;border-right:0;border-bottom:1px solid var(--line)}.detail-art svg{max-height:180px}.detail-body{padding:25px}.detail-caption{margin:12px 0 18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Composition preview. The same trusted SVG assets power the cards and canvas. */
@font-face{font-family:'Workshop Varsity';src:url('/trt/library/branding/CollegiateBlackFLF.ttf') format('truetype');font-display:swap}
.intro{padding:38px 5% 32px}.intro h1{font-size:60px;margin-bottom:12px}.intro .eyebrow{font-size:9px}.workspace-tabs{display:flex;gap:6px;padding:6px;border:1px solid var(--line);border-radius:6px;background:#eeeee6}.workspace-tabs button{border:0;border-radius:4px;background:none;padding:14px 19px;font-size:13px;white-space:nowrap}.workspace-tabs button[aria-pressed=true]{background:var(--ink);color:white}.workspace-tabs span{font-size:9px;opacity:.6;margin-left:13px}.filter-row{display:flex;gap:14px;flex-wrap:wrap}.filter-row label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.filter-row select{margin-left:8px;background:var(--white);border:1px solid var(--line);border-radius:4px;padding:8px;color:var(--ink);font-size:12px;text-transform:none;letter-spacing:0}.art{background:var(--white);height:170px}.art svg,.art img{width:83%;height:77%;max-width:300px}.studio{border-top:1px solid var(--line);padding:30px 4% 60px}.studio-layout{display:grid;grid-template-columns:225px minmax(0,1fr) 205px;gap:25px}.history{display:flex;gap:6px}.history button{padding:8px 12px}.studio-controls,.inspector{min-width:0}.templates{display:grid;gap:7px}.templates button{border:1px solid var(--line);border-radius:4px;background:var(--white);text-align:left;padding:12px}.templates button[aria-pressed=true]{border:1px solid var(--ink);box-shadow:inset 3px 0 var(--ink)}.templates span{font-size:8px;letter-spacing:1.6px;color:var(--orange)}.templates strong{font:20px Georgia,serif;display:block;margin:4px 0}.templates small{font-size:10px;color:var(--muted)}.studio-fieldset{margin:22px 0 0;padding:0;border:0}.studio-fieldset legend{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}.studio label,.inspector label{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.studio input:not([type=range]),.studio select,.studio textarea{display:block;border:1px solid #c9cec5;border-radius:4px;background:var(--white);color:var(--ink);padding:9px;width:100%;margin-top:5px;font-size:12px}.studio textarea{resize:vertical}.studio input[type=range]{display:block;width:100%;margin:8px 0;accent-color:var(--ink)}.mode-switch{display:flex;gap:3px;padding:3px;background:#e7e9e1;border-radius:4px}.mode-switch button{border:0;background:none;border-radius:3px;padding:8px 7px;font-size:11px;flex:1}.mode-switch button[aria-pressed=true]{background:var(--white);box-shadow:0 1px 3px #203c3c15}.help{font-size:11px;color:var(--muted);line-height:1.6}.add-actions{display:flex;gap:5px;margin-top:23px}.add-actions button{padding:10px 9px;font-size:11px;flex:1}.canvas-column{min-width:0}.canvas-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:var(--muted);margin:9px 0 12px}.canvas-caption span+span{letter-spacing:0;text-transform:none}.canvas{width:100%;aspect-ratio:720/680;border:1px solid #dadcd2;box-shadow:0 9px 30px #203c3c0a;background:var(--white);position:relative;border-radius:3px;overflow:hidden}.canvas>svg{display:block;width:100%;height:100%;overflow:hidden}.canvas g[data-layer]{cursor:pointer;outline:none}.canvas.free g[data-layer]{cursor:grab;touch-action:none}.canvas.free{touch-action:none}.canvas .selected>.layer-hit,.canvas g[data-layer]:focus-visible>.layer-hit{stroke:#bc684d;stroke-dasharray:5 5;stroke-width:1.3;vector-effect:non-scaling-stroke}.canvas-help{font-size:10px;min-height:28px;text-align:center;color:var(--muted);line-height:1.7}.export-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.export-note{text-align:center;font-size:10px;color:var(--muted);line-height:1.7}.inspector{border-left:1px solid var(--line);padding-left:20px}.inspector #selection-name{display:block;font-size:13px;margin:10px 0 18px}.position-inputs{display:flex;gap:8px}.position-inputs label{width:50%}.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0}.layer-actions button,.layers button{border:1px solid var(--line);background:var(--white);border-radius:3px;padding:8px;font-size:10px}.layer-actions button:disabled,.history button:disabled{opacity:.4;cursor:default}.layers{display:flex;flex-direction:column;gap:5px}.layers button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers button[aria-pressed=true]{border-color:var(--ink);background:var(--pale)}.layers-title{margin-top:28px}.studio-controls h3,.inspector h3{display:block}.studio input:disabled{opacity:.5}.detail-art svg{max-height:340px}.detail-actions button{padding:10px 12px}.library-foot{font-size:11px}
@media(min-width:1350px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.art{height:195px}}
@media(max-width:1100px){.studio-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:1fr 2fr;gap:10px 30px}.inspector #selection-controls{grid-column:2;grid-row:1/5}.inspector .layers-title{margin:0}.inspector #draft-note{grid-column:1}.layer-actions{max-width:400px}.workspace-tabs button{padding:12px}.intro h1{font-size:50px}}
@media(max-width:700px){.intro{align-items:flex-start;flex-direction:column;gap:24px}.workspace-tabs{width:100%}.workspace-tabs button{flex:1}.intro h1{font-size:45px}.studio{padding-left:5%;padding-right:5%}.studio-layout{display:flex;flex-direction:column}.studio-controls{display:contents}.studio-controls>h3{order:0;margin:0}.templates{grid-template-columns:repeat(3,minmax(0,1fr));order:0}.templates button{padding:9px}.templates strong{font-size:15px}.templates span{font-size:6px;letter-spacing:.5px}.templates small{display:none}.canvas-column{order:2}.studio-fieldset{margin:0;order:1}.studio-fieldset:has(#design-name){display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-fieldset:has(#design-name) legend{grid-column:1/-1}.studio-fieldset:has(#papers),.studio-fieldset:has(#studio-inks){order:3}.add-actions{order:4;margin:0}.inspector{order:5;display:block}.inspector #selection-controls{display:block}.inspector #selection-controls[hidden]{display:none}.studio .library-heading{flex-direction:row;align-items:center}.studio h2{font-size:25px}.studio .library-heading .eyebrow{font-size:8px}.history button{font-size:10px;padding:6px 8px}.filter-row{gap:8px}.filter-row select{margin-left:3px;max-width:145px}.filter-row label{font-size:9px}.studio input:not([type=range]),.studio textarea,.studio select{font-size:16px}.canvas-help{margin:8px 0}.canvas-column{width:100%}.canvas-caption{margin-top:0}}

.art img{object-fit:contain}.detail-actions button:disabled,.workspace-tabs button:disabled{opacity:.5;cursor:wait}