:root{--bg:#101214;--surface:#191c1f;--panel:#202428;--line:#32373b;--muted:#a5adb4;--text:#f0f3f2;--lime:#d6fa6c;--violet:#b7a5f8;--orange:#ffb779;--blue:#87ccf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime)}button,.button{cursor:pointer;border:1px solid var(--line);padding:11px 17px;border-radius:7px;background:var(--panel);color:var(--text);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,transform .15s}button:hover,.button:hover{background:#30363c;color:white}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--lime);color:#17200b;border-color:var(--lime)}.primary:hover{background:#e4ff94;color:#17200b}header{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;letter-spacing:-.8px}.brand small{font-weight:400;color:var(--muted)}.mark{display:grid;grid-template-columns:repeat(3,6px);gap:3px;transform:rotate(-5deg)}.mark i{background:var(--lime);width:6px;height:6px}.mark i:nth-child(2),.mark i:nth-child(6){opacity:.25}nav{display:flex;gap:30px;font-size:13px}.pill{border:1px solid #485337;color:var(--lime);padding:5px 10px;border-radius:20px;font-size:11px;letter-spacing:1px}.wrap{max-width:1240px;margin:auto;padding:0 24px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-family:monospace;color:var(--lime)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:76px 0 58px;align-items:center}h1{font-size:clamp(38px,4.7vw,66px);line-height:1.07;letter-spacing:-3px;font-weight:500;margin:20px 0 22px}h1 em{font-style:normal;color:var(--lime)}.hero p{color:var(--muted);max-width:445px;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.tiny{font-size:12px;color:var(--muted)}.proof{display:flex;gap:24px;margin-top:25px;font-size:12px;color:var(--muted)}.proof span:before{content:'✓';color:var(--lime);margin-right:7px}.art-window{border:1px solid #434a3f;border-radius:12px;overflow:hidden;background:#181c19;transform:rotate(2deg);box-shadow:0 25px 60px #0004}.windowbar{padding:13px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:11px monospace;color:var(--muted)}.dots{color:#657161;letter-spacing:4px}.pixel-scene{width:100%;height:260px;display:block;image-rendering:pixelated;background:#141817}.artfoot{padding:14px 18px;display:flex;justify-content:space-between;font:11px monospace;color:var(--muted)}.swatches{display:flex;gap:5px}.swatches i{width:15px;height:15px;border-radius:2px;background:var(--lime)}.section-title{display:flex;justify-content:space-between;align-items:end;margin:22px 0}.section-title h2{font-size:24px;letter-spacing:-.7px;margin:0}.section-title span{font:11px monospace;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#657243}.card-art{height:135px;display:flex;align-items:center;justify-content:center;background:#222725;position:relative;overflow:hidden}.card:nth-child(2) .card-art{background:#282333}.card:nth-child(3) .card-art{background:#202a31}.card:nth-child(4) .card-art{background:#30271f}.card-content{padding:20px}.card h3{font-size:17px;margin:0 0 9px}.card p{color:var(--muted);font-size:13px;margin:0 0 20px;min-height:60px}.card-link{font:11px monospace;display:flex;justify-content:space-between;color:var(--lime)}.marquee-art{font:bold 29px monospace;letter-spacing:5px;color:var(--lime);white-space:nowrap;text-shadow:0 0 15px #d6fa6c60;transform:rotate(-6deg)}.heart-art{font-size:70px;color:var(--violet)}.palette-art{display:flex;gap:6px;transform:rotate(-8deg)}.palette-art i{width:30px;height:70px;border-radius:4px}.slice-art{display:grid;grid-template-columns:repeat(4,25px);gap:7px}.slice-art span{border:1px dashed #c68c55;padding:3px;color:var(--orange);font-size:19px}.guide-strip{margin:40px 0 70px;padding:26px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:linear-gradient(110deg,#1e2420,#161819)}.guide-strip h3{margin:0 0 8px}.guide-links{display:flex;flex-direction:column;gap:12px;font-size:13px}.guide-links a{border-bottom:1px solid var(--line);padding-bottom:10px}.heading{padding:35px 0 26px}.crumb{font:11px monospace;color:var(--muted);margin-bottom:20px}.heading h1{font-size:42px;letter-spacing:-1.8px;margin:12px 0}.heading p{color:var(--muted);max-width:670px;margin:0}.workspace{display:grid;grid-template-columns:305px 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.controls{padding:24px;border-right:1px solid var(--line)}.control-title{font:11px monospace;letter-spacing:1px;color:var(--muted);margin:0 0 20px}.field{display:block;margin:0 0 19px;font-size:12px;font-weight:600}.field input:not([type=color]),.field select,.field textarea{display:block;width:100%;border:1px solid #454c53;background:#111416;border-radius:5px;color:var(--text);padding:10px;margin-top:7px}.field input[type=color]{width:100%;height:38px;display:block;background:transparent;border:1px solid #454c53;margin-top:7px}.field input[type=range]{padding:0}.field textarea{resize:vertical;min-height:80px}.field small{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-top:5px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.controls .button,.controls>button{width:100%;margin-top:10px}.preview{padding:24px;min-width:0;display:flex;flex-direction:column}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font:11px monospace;color:var(--muted)}.stage{display:flex;align-items:center;justify-content:center;min-height:290px;padding:28px;background-color:#101416;background-image:linear-gradient(45deg,#191d1f 25%,transparent 25%),linear-gradient(-45deg,#191d1f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#191d1f 75%),linear-gradient(-45deg,transparent 75%,#191d1f 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid var(--line);border-radius:8px;overflow:auto}.stage canvas{display:block;max-width:100%;max-height:400px;object-fit:contain;image-rendering:pixelated;box-shadow:0 6px 30px #0005}.stage.text canvas{width:100%;height:auto}.preview-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.status{min-height:24px;font-size:12px;color:var(--lime);margin-top:12px}.upload{border:1px dashed #636d57;border-radius:7px;padding:17px;text-align:center;margin-bottom:20px;background:#252c1e}.upload label{cursor:pointer;display:block;font-size:12px;color:var(--lime)}.upload input{width:100%;font-size:10px;margin-top:10px;color:var(--muted)}.palette-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.color-chip{padding:0;background:#15191c;border:1px solid var(--line);border-radius:5px;overflow:hidden;width:83px;text-align:center;font:11px monospace;cursor:pointer}.color-chip i{display:block;height:42px}.color-chip span{display:block;padding:8px 3px}.frame-list{display:flex;gap:8px;overflow:auto;margin-top:18px;max-height:100px}.frame-list button{min-width:60px;flex-direction:column;font-size:10px;padding:6px}.frame-list canvas{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.reading{max-width:840px;margin:60px auto;line-height:1.8;color:#c1c8cd}.reading h2,.reading h3{color:var(--text);line-height:1.3}.reading h2{font-size:25px;letter-spacing:-.5px;margin-top:38px}.reading a{color:var(--lime);text-decoration:underline}.reading li{margin:9px 0}.reading code{color:var(--lime);font-size:13px}.reading details{border-bottom:1px solid var(--line);padding:17px 0}.reading summary{cursor:pointer;color:var(--text);font-weight:600}.reading table{width:100%;border-collapse:collapse}.reading td,.reading th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:30px 24px;max-width:1240px;margin:auto;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;gap:25px}footer div{display:flex;gap:22px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:black;padding:15px;z-index:100}@media(max-width:950px){.hero{gap:30px}.tool-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:260px 1fr}.controls,.preview{padding:18px}}@media(max-width:650px){header{padding:0 20px;height:72px}.brand{font-size:17px}.brand small{display:none}nav{gap:15px}header .pill{display:none}.hero{grid-template-columns:1fr;padding:40px 0;gap:30px}h1{letter-spacing:-1.8px}.art-window{transform:none}.pixel-scene{height:210px}.tool-grid{gap:12px}.card-content{padding:15px}.card h3{font-size:15px}.card-art{height:105px}.card p{min-height:80px}.guide-strip{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.heading h1{font-size:34px}.stage{min-height:220px;padding:15px}.proof{gap:13px;font-size:11px}.wrap{padding:0 18px}.section-title span{display:none}footer{flex-direction:column}.reading{margin:40px auto}.marquee-art{font-size:22px}.reading table{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.art-window{transition:none}}
@media(max-width:400px){nav a:last-child{display:none}nav{font-size:12px;gap:14px}.brand{font-size:16px}.tool-grid{grid-template-columns:1fr}.card p{min-height:0}.card-art{height:120px}.proof{flex-wrap:wrap}}

/* Project-first addition. Existing tool selectors and URLs are retained. */
[hidden]{display:none!important}.error{color:var(--orange)!important}main{min-height:65vh}a,button,input,select{touch-action:manipulation}header{min-height:84px;height:auto;gap:20px;padding-top:18px;padding-bottom:18px}nav{flex-wrap:wrap;gap:12px 25px}nav a{padding:7px 0}.craft-hero{grid-template-columns:1.2fr 1fr;gap:50px}.craft-hero h1{font-size:clamp(38px,4.6vw,64px);max-width:630px}.craft-hero .proof{flex-wrap:wrap;gap:10px 22px}.craft-showcase{border:1px solid #485242;background:radial-gradient(ellipse at top,#273028,#171c1a 75%);padding:26px;border-radius:14px;transform:rotate(1deg)}.craft-showcase .eyebrow{font-size:10px;letter-spacing:1.5px}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.showcase-tile{background:#eae9de;border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.showcase-tile:first-child{grid-row:span 2;background:#dddcc4}.showcase-tile:nth-child(2){background:#d4ccdf}.showcase-tile:nth-child(3){background:#c5d6d8}.showcase-tile img{image-rendering:pixelated;max-width:100%;height:auto;max-height:120px}.showcase-tile:first-child img{max-height:170px}.showcase-tile span{font:9px monospace;color:#424b44;white-space:nowrap}.craft-showcase p{font-size:15px;line-height:1.6;margin:0 0 16px}.craft-showcase strong{color:var(--text);font-weight:400}.craft-showcase>a{font-size:13px;color:var(--lime)}.how-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;gap:30px;margin:0 0 50px}.how-strip span{font:12px monospace;color:var(--lime)}.how-strip h2{font-size:18px;font-weight:500;margin:9px 0 5px}.how-strip p{font-size:13px;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .15s;min-width:0}.project-card:hover{border-color:var(--lime)}.project-art{height:225px;display:flex;justify-content:center;align-items:center;background:#dddcc4;padding:28px}.project-card:nth-child(3n+2) .project-art{background:#d4ccdf}.project-card:nth-child(3n) .project-art{background:#c5d6d8}.project-art img{image-rendering:pixelated;width:170px;height:170px;object-fit:contain}.project-card-body{padding:20px}.project-meta{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:var(--muted)}.project-card h3{font-size:20px;font-weight:500;display:flex;justify-content:space-between;margin:14px 0 7px}.project-card h3 span{color:var(--lime)}.project-card p{color:var(--muted);font-size:12px;margin:0}.led-callout{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--line);border-radius:10px;margin:50px 0;padding:24px;background:#191d21}.led-callout h2{font-size:21px;font-weight:500;margin:8px 0}.led-callout p{font-size:13px;color:var(--muted);margin:0}.led-callout .button{flex-shrink:0}.finder-shell{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px;margin-bottom:30px}.finder-shell h2{font-size:20px;font-weight:500;margin-top:0}.filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.check{display:flex;align-items:center;gap:10px;font-size:13px}.check input,.family-options input{accent-color:var(--lime);min-width:18px;min-height:18px}.finder-shell fieldset{margin:16px 0;border:1px solid var(--line);border-radius:6px;padding:16px}.finder-shell legend{font-size:12px;padding:0 5px}.family-options{display:flex;gap:15px 25px;flex-wrap:wrap}.family-options label{font-size:13px;display:flex;align-items:center;gap:6px;min-height:32px}.finder-shell fieldset:disabled{opacity:.55}.filter-explanation{border-top:1px solid var(--line);padding-top:18px;margin-top:15px;font-size:13px;color:var(--muted)}.filter-explanation summary{cursor:pointer;color:var(--text);font-weight:600}.filter-explanation p{max-width:920px}.finder-shell .actions>a{color:var(--lime);font-size:13px;align-self:center;padding:12px}.empty-state{border:1px dashed var(--line);border-radius:9px;padding:24px;margin:20px 0}.collection-note{margin:35px 0 60px;color:var(--muted);font-size:13px}.collection-note a{color:var(--lime)}.project-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;font:12px monospace;color:var(--lime)}.project-badges span{border:1px solid #485242;border-radius:5px;padding:8px 12px}.project-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.project-main,.project-settings{padding:28px;min-width:0}.project-main{border-right:1px solid var(--line)}.project-main>p{color:var(--muted);font-size:13px}.project-main>button{margin-top:22px}.project-preview{display:flex;align-items:center;justify-content:center;min-height:370px;background-color:#eeeede;background-image:conic-gradient(#e1e1d6 25%,#eeeede 0 50%,#e1e1d6 0 75%,#eeeede 0);background-size:24px 24px;border-radius:8px;padding:30px}.project-preview svg{width:100%;max-width:320px;height:300px}.project-settings h2{font-size:23px;font-weight:500;margin:0}.color-field{display:grid;grid-template-columns:1fr 52px 78px;align-items:center;gap:12px;margin:18px 0}.color-field span>b{display:inline-block;background:#343b31;border:1px solid #586149;color:var(--lime);padding:0 6px;margin-right:5px}.color-field small{margin-left:27px}.color-field input[type=color]{height:40px;margin:0;padding:2px}.color-field code{font-size:11px;color:var(--muted)}.name-field{margin-top:24px}.project-settings .tiny a{color:var(--lime);text-decoration:underline}.export-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:30px 0}.export-panel h2{font-size:25px;font-weight:500}.export-panel p{color:var(--muted);font-size:13px}.export-panel .actions{margin:16px 0}.print-sheet{background:#fff;color:#171b1c;padding:28px;border-radius:10px;margin:20px 0 50px}.print-heading>p{font-size:11px;letter-spacing:.5px}.print-heading h2{font-size:25px;overflow-wrap:anywhere}.print-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}.print-layout svg{width:100%;max-height:520px}.print-layout p{font-size:12px}.print-layout .tiny{color:#52595e}.legend-scroll{overflow-x:auto}.legend-table{border-collapse:collapse;width:100%;font-size:12px}.legend-table th,.legend-table td{border-bottom:1px solid #c6c9c7;padding:9px 6px;text-align:left;vertical-align:top}.next-projects{margin-bottom:65px}.next-projects>p{color:var(--muted);font-size:13px}.saved-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.saved-card{display:flex;gap:20px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0}.saved-art{min-width:100px;width:100px;background:#dddcc4;border-radius:6px;align-self:start}.saved-art svg{width:100%;display:block}.saved-card h2{font-size:19px;overflow-wrap:anywhere;margin:0}.saved-card .button,.saved-card button{font-size:12px;margin:4px 5px 4px 0;padding:9px}.status{overflow-wrap:anywhere}.filter-fields>*{min-width:0}button{min-height:44px}
@media(max-width:950px){.craft-hero{gap:30px}.showcase-tile{padding:13px}.project-grid{gap:14px}.project-meta{font-size:9px;letter-spacing:0}.project-art{height:190px}.project-art img{width:140px;height:140px}.project-main,.project-settings{padding:20px}.project-preview{min-height:310px}.print-layout{grid-template-columns:1fr}.print-layout svg{max-width:480px}.saved-list{grid-template-columns:1fr}.led-callout{align-items:start;flex-direction:column}}
@media(max-width:650px){header{align-items:flex-start;flex-direction:column;gap:8px;padding:16px 18px}nav{gap:8px 20px;font-size:12px}nav a:last-child{display:block}.craft-hero{grid-template-columns:1fr;gap:28px}.craft-hero h1{font-size:43px}.craft-showcase{transform:none}.showcase-tile{padding:18px}.showcase-tile:first-child img{max-height:170px}.showcase-tile img{max-height:105px}.how-strip{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.how-strip>div{padding-left:38px;position:relative}.how-strip span{position:absolute;left:0;top:11px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-card-body{padding:14px}.project-card h3{font-size:17px}.project-meta{flex-direction:column;gap:4px}.project-art{height:160px;padding:18px}.project-art img{max-width:100%;height:125px}.section-title{gap:20px;align-items:start}.section-title>a{font-size:12px}.filter-fields{grid-template-columns:1fr;gap:0}.finder-shell{padding:20px}.project-workspace,.export-panel{grid-template-columns:1fr}.project-main{border-right:0;border-bottom:1px solid var(--line)}.export-panel{gap:5px}.print-sheet{padding:16px}.print-layout{gap:10px}.project-preview{min-height:280px}.project-preview svg{height:260px}.saved-card{gap:12px;padding:15px}.saved-art{min-width:75px;width:75px}.family-options{gap:10px 18px}}
@media(max-width:380px){.project-grid{grid-template-columns:1fr}.project-art{height:185px}.project-meta{flex-direction:row}.color-field{grid-template-columns:1fr 45px 68px;gap:7px}.craft-hero h1{font-size:38px}}
@media print{@page{size:auto;margin:12mm}html,body{background:white!important;color:black!important;font:11pt Arial!important}header,footer,.skip,.heading,.project-workspace,.export-panel,.next-projects{display:none!important}.wrap{max-width:none;padding:0;margin:0}main{min-height:0}.print-sheet{margin:0;padding:0;border:0;color:black;break-inside:avoid}.print-heading h2{font-size:18pt;margin:6pt 0}.print-heading>p{font-size:9pt}.print-layout{display:block}.print-layout #print-grid{max-width:124mm;max-height:134mm;margin:auto}.print-layout svg{display:block;max-height:134mm;width:100%}.print-layout h3{font-size:11pt;margin:8pt 0}.legend-scroll{overflow:visible}.legend-table{font-size:9pt}.legend-table th,.legend-table td{padding:4pt}.print-layout p{font-size:8pt;line-height:1.4;margin:5pt 0}.print-sheet,.print-sheet *{print-color-adjust:exact;-webkit-print-color-adjust:exact}a{color:black!important;text-decoration:none}}

.theme-field{max-width:360px;margin-bottom:22px}
footer div{flex-wrap:wrap;align-content:start}.footer-email{display:inline-block;margin-top:8px;overflow-wrap:anywhere;color:var(--lime)}.contact-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:26px;margin:28px 0}.contact-card h2{font-size:clamp(19px,3.5vw,28px);margin:12px 0;overflow-wrap:anywhere}.contact-card .button{color:#17200b;text-decoration:none}.contact-card .tiny{margin-bottom:0}

/* Photo maker: local image-to-grid workflow; original tools remain below. */
.photo-workspace{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.photo-settings,.photo-result{padding:26px;min-width:0}.photo-settings{border-right:1px solid var(--line)}.photo-settings h2,.photo-result h2{font-size:20px;font-weight:500;margin:10px 0 20px}.photo-settings h2:not(:first-child){margin-top:30px}.photo-settings .check{margin-bottom:18px}.photo-settings input[type=file]{font-size:12px}.photo-settings>button{width:100%}#photo-source-preview{max-width:100%;height:auto;background:#121718;border-radius:6px;margin:8px 0 20px}#photo-title em{font-style:normal;color:var(--lime)}.photo-stage{display:flex;align-items:center;justify-content:center;min-height:340px;padding:25px;border-radius:9px;background:repeating-conic-gradient(#dddcd1 0% 25%,#eeede3 0% 50%) 50%/24px 24px;overflow:hidden}#photo-preview{display:block;width:auto;height:auto;max-width:100%;max-height:420px;image-rendering:pixelated;cursor:crosshair}#photo-preview{width:100%;object-fit:contain}.photo-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:10px;margin:18px 0}.photo-swatch{padding:10px;background:#22282c;border-radius:7px;display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:0}.photo-swatch input{width:100%;min-height:42px;background:transparent;border:1px solid var(--line)}.photo-swatch code,.photo-swatch small{font-size:10px;color:var(--muted)}.photo-touchup{border:1px solid var(--line);border-radius:8px;padding:16px;margin:20px 0}.photo-touchup summary{cursor:pointer;font-size:13px}.photo-result .actions{margin-top:12px}.photo-result .tiny a{color:var(--lime);text-decoration:underline}.photo-result>.field{margin-top:20px}.photo-guide{margin-top:40px}.original-resizer{border-top:1px solid var(--line);padding-top:20px}.custom-thumbnail{width:90px;height:90px;object-fit:contain;image-rendering:pixelated;align-self:start;background:#dddcc4;border-radius:5px}.custom-saved{margin:35px 0 60px}.saved-card h3{margin:0;overflow-wrap:anywhere}.photo-sheet{color:#111;background:white;padding:20px}.photo-sheet h2{overflow-wrap:anywhere}.photo-sheet svg{width:100%;max-height:165mm;font-family:Arial}.photo-sheet p{font-size:10px}.photo-sheet table{border-collapse:collapse;font-size:10px;width:100%}.photo-sheet th,.photo-sheet td{text-align:left;padding:2px 8px;border-bottom:1px solid #bbb}.photo-sheet td span{display:inline-block;width:10px;height:10px;margin-right:8px;border:1px solid #888}
@media(max-width:800px){.photo-workspace{grid-template-columns:1fr}.photo-settings{border-right:0;border-bottom:1px solid var(--line)}.photo-settings,.photo-result{padding:20px}.photo-stage{min-height:240px}.photo-palette{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:400px){.photo-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-stage{padding:16px}.photo-result .actions{flex-direction:column}}
@media print{body.photo-printing main>*{display:none!important}body.photo-printing #photo-print-output{display:block!important}body.photo-printing .photo-sheet{padding:0;margin:0;break-after:page;break-inside:avoid;font:10pt Arial;color:black}body.photo-printing .photo-sheet:last-child{break-after:auto}.photo-sheet h2{font-size:14pt;margin:5pt 0}.photo-sheet p{font-size:8pt;margin:5pt 0}.photo-paper-grid{max-width:165mm;margin:auto}.photo-sheet svg{display:block;max-height:162mm}.photo-sheet table{font-size:7pt}.photo-sheet,.photo-sheet *{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.photo-lettering{margin:1.25rem 0;padding:1rem;border:1px solid var(--line,#ccd2cd);border-radius:12px;min-width:0}.photo-lettering legend{font-weight:700;padding:0 .4rem}.photo-lettering .field{min-width:0}.photo-lettering select,.photo-lettering input{max-width:100%}
@media(max-width:480px){.photo-lettering .row{grid-template-columns:1fr}}