:root{--paper:#f5f2e9;--white:#fffef9;--ink:#253c36;--muted:#68766c;--accent:#285a4e;--line:#d9dcd0;--cardboard:#c59655;--soft:#e9eee5;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button,select,input{border:1px solid var(--line);border-radius:6px}button,.button{background:var(--white);color:var(--ink);padding:9px 13px;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600}button:hover,.button:hover{background:var(--soft);border-color:#95a89a}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}:focus-visible{outline:3px solid #d58b30;outline-offset:3px}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#193e34;color:white}.wide{width:100%;padding:14px;justify-content:space-between}input,select{padding:10px;background:white;color:var(--ink);min-width:0;width:100%}input:invalid{border-color:#b25a32}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}h1,h2,p{margin:0}h2{font-size:20px;font-weight:600;letter-spacing:-.5px}.brandbar{height:69px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--white)}.brand{text-decoration:none;color:var(--ink);font-size:20px;letter-spacing:-.7px}.brand b{font-weight:400}.brand-icon{background:var(--accent);color:#f2d6a1;display:inline-grid;place-items:center;font-size:29px;width:33px;height:33px;border-radius:5px;margin-right:9px;vertical-align:middle}.edition{font-size:10px;letter-spacing:1.6px;color:var(--muted);display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;border-radius:50%;background:#568369}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:var(--muted);margin-bottom:8px}#landing{max-width:1160px;margin:65px auto 55px;display:grid;grid-template-columns:1fr 460px;gap:90px;padding:0 24px}.intro h1{font-family:Georgia,serif;font-size:61px;line-height:1.08;font-weight:400;letter-spacing:-2px;margin:20px 0 24px}.lede{font-size:17px;line-height:1.65;max-width:450px;color:#5e6d63}.new-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:33px;box-shadow:0 8px 30px #223a3310}.new-card h2{font-size:27px;margin:12px 0}.new-card>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:27px}#new-form{display:grid;gap:20px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hint{font-size:12px;line-height:1.6;color:var(--muted)}.local-note{font-size:12px;color:var(--muted);line-height:1.6}.paper-art{height:196px;position:relative;max-width:420px;margin-top:10px;overflow:hidden}.paper{width:160px;height:100px;background:#d9b77e;border:1px solid #a17943;transform:rotate(-25deg) skew(25deg);position:absolute;box-shadow:7px 8px 0 #b28b52,11px 13px 0 #6b5d3b18;background-image:linear-gradient(90deg,transparent 48%,#ac895755 49%,transparent 50%),linear-gradient(transparent 48%,#ac895755 49%,transparent 50%);background-size:40px 50px}.p1{left:40px;top:66px}.p2{left:125px;top:44px;width:120px;height:80px;background-color:#e9cf9f}.p3{left:193px;top:20px;width:80px;height:60px;background-color:#f1dbb7}.paper-art>span{position:absolute;right:10px;bottom:20px;font-size:9px;letter-spacing:2px;color:var(--muted)}#editor{padding:20px 28px 0;max-width:1600px;margin:auto}.projectbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:19px;min-height:71px}.project-heading{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.project-heading .eyebrow{width:100%;margin:0}.project-heading h1{font-size:24px;letter-spacing:-.7px;font-weight:600}.rename-label{display:block;position:relative;font-size:11px;color:var(--muted);cursor:text}.rename-label input{width:96px;font-size:11px;padding:5px;margin-left:5px}.project-actions{display:flex;gap:8px;align-items:center}.project-actions [role=status]{font-size:12px;color:var(--muted);margin-right:10px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px}.panel{background:var(--white);border:1px solid var(--line);border-radius:10px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:19px 20px 14px;gap:10px}.segmented{display:flex;gap:2px;padding:3px;background:#eeefe8;border-radius:6px}.segmented button{border-color:transparent;background:transparent;padding:7px 10px;font-size:12px}.segmented button[aria-pressed=true]{background:var(--accent)}.layerbar{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 19px;background:#f8f9f3}.layerbar button{font-size:11px;padding:7px 10px}.layerbar label{flex-direction:row;align-items:center;font-size:12px;gap:6px;margin-right:2px}.layerbar input{width:65px;padding:6px;font-weight:700}.grid-wrap{margin:13px auto 0;width:min(calc(100% - 40px),420px)}.grid-caption{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);letter-spacing:1px;height:24px}#grid-editor{display:grid;aspect-ratio:var(--grid-ratio,1);width:100%;background:#d1d4c7;gap:1px;padding:1px;touch-action:none;user-select:none;border:1px solid #c2c9b8}#grid-editor button{min-width:0;min-height:0;padding:0;display:block;border:0;border-radius:0;background:#f5f4ec;position:relative}#grid-editor button.major{background:#eceee3}#grid-editor button[aria-pressed=true]{background:#c89c5e;box-shadow:inset 0 0 0 1px #a4783f55}#grid-editor button.selected{outline:2px solid #246c60;z-index:1}#grid-editor button:hover{background:#e0cda8;outline:2px solid #a67a37;z-index:1}#grid-editor button:focus-visible{outline:3px solid #285a4e;z-index:2}.panel-help{font-size:11px;line-height:1.7;color:var(--muted);padding:12px 20px 15px}.ready{font-size:11px;color:#386548;border:1px solid #cbd9c8;border-radius:12px;padding:4px 10px;background:#f0f5e9}.viewer{height:400px;position:relative;background:#e8ebe2;border-block:1px solid var(--line);overflow:hidden}.viewer canvas{display:block;width:100%;height:100%;touch-action:none}.axis-legend{position:absolute;bottom:14px;left:18px;pointer-events:none;font-size:10px;letter-spacing:.5px;color:#586a5c;background:#f5f5edcc;padding:6px 9px;border-radius:4px}.axis-legend span{padding:0 7px;color:#9b9e8b}#empty-view{position:absolute;top:45%;left:0;right:0;text-align:center;color:var(--muted);font-size:14px;pointer-events:none}.camera-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:12px 10px 8px}.camera-tools button{font-size:11px;padding:6px 10px}.camera-tools button[aria-pressed=true]{background:#dce7da;color:var(--accent);border-color:#a7bba5}.inspector-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 16px}.inspector-bottom button{font-size:11px;padding:7px 9px}.stats{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:17px 0;padding:15px 19px;background:#e7ebe0;border:1px solid #d7decc;border-radius:8px}.stats>div{display:grid;gap:6px}.stat-label{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.stats strong{font-size:15px;font-weight:600}.review{padding:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px}.review h2{font-size:18px}.review p{font-size:11px;color:var(--muted);line-height:1.7}.review .eyebrow{font-size:9px}.export-actions{display:flex;flex-wrap:wrap;gap:8px}.review-note{width:100%;border-top:1px solid var(--line);padding-top:10px}.digest{max-width:650px;overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:10px!important}footer{font-size:9px;letter-spacing:1.6px;padding:24px 32px;color:var(--muted);display:flex;justify-content:space-between}footer span{letter-spacing:.5px}#message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#663a24;color:white;padding:15px 24px;border-radius:8px;z-index:10;max-width:85%;box-shadow:0 4px 20px #0002}[hidden]{display:none!important}@media(min-width:1450px){.grid-wrap{width:min(calc(100% - 40px),470px)}.viewer{height:450px}}@media(max-width:1100px){#editor{padding:18px}.workbench{gap:12px}.panel-title{padding:16px 13px}.layerbar{padding:9px;gap:4px}.layerbar button{padding:7px}.viewer{height:340px}.inspector-bottom{flex-wrap:wrap;justify-content:center}.grid-wrap{width:calc(100% - 24px)}.project-heading h1{font-size:20px}.rename-label{width:100%}.stats{gap:10px}.stats strong{font-size:12px}.stat-label{font-size:8px}.project-actions{gap:5px}.project-actions button{font-size:11px;padding:9px}.project-actions [role=status]{margin:0;font-size:10px}#landing{gap:35px;grid-template-columns:1fr 420px;margin-top:40px}.intro h1{font-size:48px}.edition{letter-spacing:.5px}}@media(max-width:760px){.brandbar{padding:0 18px}.edition{font-size:8px}#landing{display:block;margin:30px auto;padding:0 20px}.intro h1{font-size:44px}.paper-art{height:155px}.new-card{margin-top:25px}.workbench{grid-template-columns:1fr}.projectbar{flex-wrap:wrap}.project-actions{width:100%}.grid-wrap{max-width:420px}.viewer{height:360px}.stats{flex-wrap:wrap;justify-content:flex-start;gap:18px}.stats>div{min-width:120px}.review{display:block}.export-actions{margin:15px 0}.review-note{padding-top:13px}footer span{display:none}}

.cycle-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:2px 12px 8px;font-size:10px;color:var(--muted)}.cycle-controls label{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:11px;cursor:pointer}.cycle-controls input{width:15px;height:15px;accent-color:var(--accent)}.camera-tools button[data-current=true]{box-shadow:inset 0 -2px 0 #b58236}

.editor-history{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 18px;border-top:1px solid var(--line);background:#fafbf5}.editor-history>span{font-size:10px;color:var(--muted)}.editor-history>div{display:flex;gap:5px}.editor-history button{font-size:11px;padding:7px 10px}.project-actions [role=status]{max-width:330px;overflow-wrap:anywhere}
.brandbar{gap:20px;flex-wrap:wrap}.brandbar nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:600}.brandbar nav a{text-decoration:none;color:var(--ink,#244b43)}.brandbar nav a:hover{text-decoration:underline}#account-nav{display:flex;align-items:center;gap:14px}.account-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;color:#637069}.brandbar nav .button{padding:9px 15px}.gallery-page{max-width:1400px;margin:0 auto;padding:52px 42px 70px}.gallery-hero{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:10px 24px 54px;border-bottom:1px solid #d6d8ce}.gallery-hero h1{font-size:clamp(48px,5.4vw,78px);letter-spacing:-3px;line-height:1.03;margin:19px 0 22px;max-width:720px}.gallery-hero .lede{max-width:460px;margin-bottom:25px}.hero-note{text-align:center;background:#f0e7d6;padding:35px 42px;transform:rotate(2deg);margin-right:60px;box-shadow:8px 9px 0 #ddd9cb}.sheet-icon{display:block;border:1px solid #ac9874;width:116px;height:150px;margin:0 auto 16px;line-height:1.15;font-size:33px;font-family:Georgia,serif;padding:16px}.hero-note p{font-family:Georgia,serif;font-size:21px;line-height:1.3}.gallery-section{padding-top:38px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}.section-heading h2{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:8px 0 0}.section-heading>.hint{max-width:175px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project-card{background:#fffdf7;border:1px solid #d9dcd1;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #243c3510;transition:transform .18s,box-shadow .18s}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #243c351b}.preview-link{display:block;background:#e8ebe2;aspect-ratio:1.5;overflow:hidden}.preview-link img{width:100%;height:100%;display:block;object-fit:contain}.project-card-body{padding:23px 24px 25px}.project-card h3{font-family:Georgia,serif;font-weight:500;font-size:26px;line-height:1.18;margin:10px 0 13px}.project-card h3 a{color:#234b43;text-decoration:none}.card-description{font-size:14px;line-height:1.6;color:#5e6d64;min-height:68px;margin-bottom:8px}.card-action{display:inline-block;color:#234b43;font-weight:600;font-size:14px;margin-top:9px;text-underline-offset:5px}.library-heading h1{font-size:47px;letter-spacing:-1.5px;margin:8px 0 12px}.library-heading{margin-bottom:38px}.empty-library{text-align:center;padding:70px 20px;background:#eef0e7;border:1px dashed #b6c2b5;border-radius:12px}.empty-library .button{margin:12px 4px}#auth{padding:65px 20px 100px;min-height:78vh}.auth-card{max-width:460px;margin:auto}.auth-card h1{font-family:Georgia,serif;font-size:36px;font-weight:500;letter-spacing:-1px}.auth-card form{margin-top:28px}.auth-card .hint{font-size:12px;font-weight:400}.auth-card label .hint{margin-top:3px}.form-error{color:#9c342b;background:#fbebe5;border:1px solid #e7beb3;border-radius:6px;padding:10px;font-size:14px}#auth-switch{font-size:14px;margin:24px 0}#auth-switch a{color:#234b43}
@media(max-width:1050px){.brandbar nav{gap:13px}.hero-note{margin-right:10px;padding:25px}.gallery-page{padding:32px 24px 60px}.gallery-grid{gap:17px}.project-card-body{padding:20px 17px}.project-card h3{font-size:23px}.section-heading h2{font-size:23px}.account-name{max-width:100px}}
@media(max-width:700px){.brandbar{padding:16px 20px}.brandbar nav{flex-wrap:wrap;gap:13px;font-size:12px}.gallery-hero{padding:10px 0 35px}.gallery-hero h1{font-size:52px}.hero-note{display:none}.gallery-grid{grid-template-columns:1fr}.gallery-page{padding:28px 20px 45px}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading>.hint{max-width:none}.card-description{min-height:0}.preview-link{max-height:330px}.project-card h3{font-size:28px}}
#auth-form{display:grid;gap:20px}@media(max-width:700px){.brandbar{height:auto;min-height:69px;gap:18px}}
.tiled-viewer{height:590px;position:relative;background:#e8ebe2;border-block:1px solid var(--line)}.tiled-viewer canvas{display:block;width:100%;height:100%;touch-action:none}.tile-label{position:absolute;background:#f9faf2df;border-color:#c8cfbe;font-size:11px;padding:6px 10px;z-index:1}.tile-iso{top:12px;left:12px}.tile-front{top:calc(58% + 12px);left:12px}.tile-right{top:calc(58% + 12px);left:calc(50% + 12px)}.tile-divider{position:absolute;background:#cdd4c4;pointer-events:none}.tile-divider.horizontal{left:0;right:0;top:58%;height:1px}.tile-divider.vertical{top:58%;bottom:0;left:50%;width:1px}.tiled-ready{display:inline-block;margin:0 20px 16px}#empty-tiles{position:absolute;left:0;right:0;top:25%;text-align:center;font-size:13px;color:#68766c}.explorer{margin:20px 0;scroll-margin-top:12px;overflow:hidden}.explorer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px}.explorer-actions{display:flex;gap:8px}.explorer-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:0 20px 14px}.explorer-toolbar .camera-tools{padding:0;justify-content:start}.explorer-toolbar .segmented button{font-size:11px}.explorer .viewer{height:min(70vh,760px);min-height:360px}.explorer:fullscreen{display:flex;flex-direction:column;background:var(--paper);width:100vw;height:100vh;margin:0;border:0;border-radius:0}.explorer:fullscreen .viewer{flex:1;height:auto;min-height:0}.explorer:fullscreen .panel-help{flex:none}.explorer-heading h2{font-size:22px}
@media(max-width:1000px){.tiled-viewer{height:510px}.inspector .panel-title{flex-wrap:wrap}.explorer-toolbar{justify-content:start}}@media(max-width:700px){.tiled-viewer{height:520px}.explorer-heading{padding:16px;gap:12px;flex-wrap:wrap}.explorer-actions button{padding:8px;font-size:11px}.explorer-toolbar{padding:0 12px 12px}.explorer .viewer{min-height:320px}.explorer .axis-legend{font-size:9px}.explorer:fullscreen .explorer-heading .eyebrow{display:none}.explorer:fullscreen .explorer-toolbar{gap:6px}}

.project-card{position:relative}.delete-project{position:absolute;right:10px;top:10px;z-index:2;background:white;border:1px solid #68715d;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;padding:0}.delete-project:hover{background:#fee4dc}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin:32px 0}.project-author{font-weight:600;color:#244b43}

.card-print{display:block;margin-top:12px;font-weight:600;color:#244b43}.scratch-section{padding-bottom:48px}

.project-card img:not([src]){visibility:hidden}

.project-actions{flex-direction:column;align-items:flex-end;min-width:210px}.project-actions [role=status]{margin:0}#save-countdown{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}@media(max-width:760px){.project-actions{align-items:flex-start}}