:root{--ink:#30291f;--muted:#706554;--red:#81352d;--cream:#eee3c8;--white-paper:#f3eddd;--ochre:#d5ad62;--green:#66765a;--wood:#4b3020;--jute:#a4875f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#2e2119;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{touch-action:manipulation}.wood-bar{background-color:var(--wood);color:#e6d8bd;background-image:repeating-linear-gradient(3deg,#0000 0 18px,#180d0729 19px,#0000 21px),linear-gradient(90deg,#422a1c,#65432d 48%,#3e281b)}.jute-board,.editor-board,.published-board{background-color:var(--jute);background-image:repeating-linear-gradient(0deg,#49341f21 0 1px,#e8d2a612 1px 3px),repeating-linear-gradient(90deg,#4a351f1f 0 1px,#e6d3aa0f 1px 4px),linear-gradient(135deg,#b09167,#987951);box-shadow:inset 0 0 42px #3422124d}.paper,.project-card,.published-block:not(.block-photo),.editor-block:not(.block-photo){box-shadow:3px 7px 13px #34221252,0 1px 1px #0003}.paper{background:var(--cream);position:relative}.pin,.mini-pin{z-index:10;border-radius:50%;display:block;position:absolute;box-shadow:2px 3px 5px #2315096b,inset 1px 1px 2px #fff6}.pin{width:17px;height:17px;top:12px;left:calc(50% - 8px)}.mini-pin{background:var(--red);width:13px;height:13px;top:8px;left:calc(50% - 6px)}.red-pin{background:var(--red)}.brass-pin{background:#b47f32}.site-shell{min-height:100vh}.site-header{z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:88px;padding:13px clamp(22px,5vw,72px);display:grid;position:relative}.brand{align-items:center;gap:13px;width:fit-content;display:flex}.brand>span{border:1px solid #dfcfb2;justify-content:center;align-items:center;width:58px;height:54px;font:30px Georgia,serif;display:flex}.brand>span span{color:#d29b6a;margin:0 2px;font-size:17px}.brand strong{flex-direction:column;font:20px Georgia,serif;display:flex}.brand small{color:#bea988;letter-spacing:.18em;margin-top:4px;font:7px Arial,sans-serif}.site-header>a:not(.brand),.studio-link{letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.site-header .studio-link{justify-self:end}.project-board{border-left:17px solid #5d3e29;border-right:17px solid #462c1d;min-height:calc(100vh - 168px);padding:80px clamp(32px,7vw,110px) 130px;position:relative;overflow:hidden}.project-board:after{content:"";pointer-events:none;border:1px dashed #432e1a3d;position:absolute;inset:22px}.board-seam{background:#432d1926;width:2px;height:110%;position:absolute;top:-5%}.board-seam-one{left:34%;transform:rotate(2deg)}.board-seam-two{right:23%;transform:rotate(-1deg)}.board-title{z-index:2;width:min(620px,90%);padding:34px 42px 30px;transform:rotate(-.8deg)}.board-title small,.post-title small,.login-card>small{color:var(--red);letter-spacing:.17em;font-size:8px;font-weight:800}.board-title h1{letter-spacing:-.045em;margin:10px 0 0;font:clamp(48px,7vw,82px)/.95 Georgia,serif}.project-grid{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:75px clamp(36px,5vw,72px);margin-top:95px;display:grid;position:relative}.project-card{background:#eee6d2;padding:15px 15px 24px;transition:transform .18s,box-shadow .18s;position:relative}.project-card.tilt-1{transform:rotate(-1.7deg)}.project-card.tilt-2{transform:rotate(1.4deg)translateY(20px)}.project-card.tilt-3{transform:rotate(-.6deg)translateY(-8px)}.project-card:hover{transform:translateY(-5px);box-shadow:7px 13px 22px #2e1d0e61}.project-card>a{z-index:2;display:block;position:relative}.project-photo{background-position:50%;background-size:cover;height:235px}.project-meta{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;margin:17px 2px 10px;font-size:8px;font-weight:700;display:flex}.project-card h2{margin:0;font:29px/1.04 Georgia,serif}.project-card p{color:#62594b;margin:13px 0 2px;font:14px/1.48 Georgia,serif}.empty-card{z-index:2;width:min(430px,90%);margin:120px auto 0;padding:45px 48px 38px;position:relative;transform:rotate(1deg)}.empty-card h2{margin:10px 0;font:34px Georgia,serif}.empty-card p{color:var(--muted);margin:0;font:15px Georgia,serif}.site-footer{letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;min-height:80px;padding:34px 6%;font-size:9px;display:flex}.post-page{background:#e9dfca;min-height:100vh}.post-header,.studio-header{justify-content:space-between;align-items:center;min-height:76px;padding:18px 5%;display:flex}.post-header a{letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:700}.brand-simple{letter-spacing:normal!important;text-transform:none!important;font:21px Georgia,serif!important}.post-page article{padding-bottom:90px}.post-title{max-width:930px;margin:70px auto 55px;padding:0 28px}.post-title h1{letter-spacing:-.045em;margin:12px 0 19px;font:clamp(49px,7vw,88px)/.95 Georgia,serif}.post-title p{color:var(--muted);max-width:720px;margin:0;font:19px/1.55 Georgia,serif}.published-frame{background:#4b3020;width:calc(100% - 40px);max-width:1080px;margin:0 auto;padding:18px;box-shadow:0 18px 38px #2a1a0d47}.published-board{position:relative;overflow:hidden}.published-board:after,.editor-board:after{content:"";pointer-events:none;z-index:1;border:1px dashed #432e1a40;position:absolute;inset:14px}.published-block{white-space:pre-line;padding:19px 22px;position:absolute;overflow:visible}.published-block.block-title strong{font:clamp(22px,4vw,48px)/.95 Georgia,serif}.published-block.block-text span{font:clamp(12px,2vw,20px)/1.4 Georgia,serif}.published-block.block-note span{font:clamp(13px,2vw,22px)/1.35 Comic Sans MS,cursive}.published-block.block-photo{background:#eee7d5;border:12px solid #eee7d5;padding:0;box-shadow:3px 7px 13px #34221252}.published-block.block-photo img{object-fit:cover}.published-block.block-photo small{text-overflow:ellipsis;white-space:nowrap;z-index:3;background:#efe7d5eb;max-width:100%;padding:6px 8px;position:absolute;bottom:0;left:0;overflow:hidden}.tape{z-index:5;background:#dcc89bcc;width:94px;height:27px;position:absolute;top:-24px;left:35%;transform:rotate(-3deg)}.plain-page{justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.login-page{background-color:var(--jute);background-image:repeating-linear-gradient(0deg,#49341f21 0 1px,#e8d2a612 1px 3px),repeating-linear-gradient(90deg,#4a351f1c 0 1px,#e6d3aa0f 1px 4px)}.plain-card{width:min(480px,100%);padding:50px;position:relative}.plain-card h1{margin:12px 0 30px;font:44px/1 Georgia,serif}.plain-card label{flex-direction:column;gap:8px;display:flex}.plain-card label span{letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.plain-card input{background:#ffffff59;border:0;border-bottom:1px solid #887a64;padding:12px 8px}.plain-card button{background:var(--red);color:#f7edda;cursor:pointer;text-transform:uppercase;border:0;width:100%;margin-top:18px;padding:14px 18px;font-size:10px;font-weight:800}.form-error{color:var(--red);font:13px Georgia,serif}.studio-page{background:#3d2d22;min-height:100vh}.studio-header{z-index:20;min-height:74px;position:relative}.studio-header>div{align-items:center;gap:18px;display:flex}.studio-header a,.studio-header button{color:#e6d8bd;cursor:pointer;letter-spacing:.09em;text-transform:uppercase;background:0 0;border:0;font-size:9px;font-weight:700}.studio-header form{margin:0}.studio-grid{grid-template-columns:92px minmax(590px,1fr) 330px;min-height:calc(100vh - 74px);display:grid}.toolbox{color:#e2d3b8;background:#33251c;border-right:1px solid #ffffff14;padding:23px 9px}.toolbox>strong{color:#bca888;letter-spacing:.15em;text-align:center;margin-bottom:15px;font-size:7px;display:block}.toolbox button{color:inherit;cursor:pointer;text-transform:uppercase;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;width:100%;margin-bottom:7px;padding:9px 3px;font-size:8px;font-weight:700;display:flex}.toolbox button:hover,.toolbox button:focus-visible{background:#ffffff14;outline:1px solid #dcc29773}.toolbox b{border:1px solid #dfd0b759;justify-content:center;align-items:center;width:42px;height:37px;font:20px Georgia,serif;display:flex}.visually-hidden{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.editor-area{background:#4a392c;flex-direction:column;min-width:0;display:flex}.editor-area>header{color:#e3d5bc;text-transform:uppercase;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:42px;padding:0 18px;font-size:9px;font-weight:700;display:flex}.editor-area>header small{color:#bda98c}.canvas-scroll{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.editor-board{aspect-ratio:900/680;border:12px solid #63442c;width:100%;max-width:900px;position:relative;overflow:hidden;box-shadow:0 18px 38px #180e0859,inset 0 0 30px #38251452}.empty-canvas{color:#342718ad;pointer-events:none;z-index:1;border:2px dashed #3c2b195c;flex-direction:column;justify-content:center;align-items:center;width:35%;height:210px;display:flex;position:absolute;top:34%;left:32.5%}.empty-canvas b{font:38px Georgia,serif}.empty-canvas strong{font:19px Georgia,serif}.empty-canvas span{margin-top:6px;font:12px Georgia,serif}.editor-block{color:var(--ink);cursor:grab;text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;border:0;padding:18px 21px;position:absolute;overflow:visible}.editor-block:active{cursor:grabbing}.editor-block.selected{outline:2px dashed var(--red);outline-offset:7px}.editor-block.block-empty{color:#30291f73}.block-title{align-items:center;display:flex}.editor-block.block-title strong{font:clamp(21px,3vw,44px)/.95 Georgia,serif}.editor-block.block-text>span{white-space:pre-line;font:clamp(12px,1.4vw,20px)/1.4 Georgia,serif}.editor-block.block-note>span{white-space:pre-line;font:clamp(14px,1.55vw,22px)/1.3 Comic Sans MS,cursive}.tone-cream{background:var(--cream)}.tone-white{background:var(--white-paper)}.tone-ochre{background:var(--ochre)}.tone-green{background:var(--green);color:#f5ecd9}.editor-block.block-photo{background-color:#eee7d5;background-position:50%;background-size:cover;border:12px solid #eee7d5;padding:0;box-shadow:3px 7px 13px #34221252}.editor-block.block-photo small{text-overflow:ellipsis;white-space:nowrap;background:#efe7d5eb;max-width:100%;padding:6px 8px;position:absolute;bottom:0;left:0;overflow:hidden}.inspector{background:#e8dcc4;max-height:calc(100vh - 74px);padding:22px 20px 34px;overflow-y:auto}.inspector section{border-bottom:1px solid #3a302233;margin-bottom:20px;padding-bottom:20px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-heading strong,.control-label{color:var(--red);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:800}.section-heading button{color:var(--red);cursor:pointer;text-transform:uppercase;background:0 0;border:0;font-size:8px;font-weight:700}.inspector label{flex-direction:column;gap:6px;margin-bottom:13px;display:flex}.inspector label>span,.control-label{color:#655b4c;justify-content:space-between;font-size:8px;display:flex}.inspector input,.inspector textarea,.inspector select{color:var(--ink);resize:vertical;background:#ffffff4d;border:0;border-bottom:1px solid #8c7e68;border-radius:0;outline:none;width:100%;padding:8px 5px;font:13px/1.4 Georgia,serif}.inspector input:focus,.inspector textarea:focus,.inspector select:focus{border-bottom-color:var(--red);box-shadow:0 1px var(--red)}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tone-row,.button-row{flex-wrap:wrap;gap:5px;margin:7px 0 14px;display:flex}.tone-button{cursor:pointer;border:2px solid #0000;width:35px;height:27px}.tone-button.active{border-color:var(--red)}.button-row button{color:var(--ink);cursor:pointer;text-transform:uppercase;background:#ffffff38;border:1px solid #93856f;padding:7px 8px;font-size:8px;font-weight:700}.muted{color:var(--muted);font:13px/1.45 Georgia,serif}.notice{color:var(--red);background:#81352d14;padding:10px;font:12px Georgia,serif}.save-row{grid-template-columns:1fr 1.15fr;gap:8px;display:grid}.save-row button{cursor:pointer;text-transform:uppercase;border:1px solid #81745f;padding:12px 7px;font-size:9px;font-weight:800}.save-row button:first-child{background:0 0}.save-row button:last-child{background:var(--red);border-color:var(--red);color:#f5ead5}.save-row button:disabled,.delete-project:disabled{cursor:wait;opacity:.55}.delete-project{color:var(--red);cursor:pointer;text-transform:uppercase;background:0 0;border:0;margin:13px 0 7px;padding:0;font-size:8px;text-decoration:underline}.recent-list{border-top:1px solid #3a302233;margin-top:17px;padding-top:17px}.recent-list>a{border-top:1px solid #3a302224;justify-content:space-between;align-items:center;padding:10px 4px;font:12px Georgia,serif;display:flex}.recent-list>a.current{background:#81352d14}.recent-list>a small{color:var(--muted);text-transform:uppercase;font:7px Arial,sans-serif}@media (max-width:1050px){.project-grid{grid-template-columns:1fr 1fr}.studio-grid{grid-template-columns:82px minmax(500px,1fr) 290px}}@media (max-width:760px){.site-header{grid-template-columns:1fr auto;gap:10px}.site-header>a:not(.brand){display:none}.brand strong{font-size:17px}.project-board{border-left-width:9px;border-right-width:9px;padding:55px 24px 90px}.board-title{width:100%;padding:32px 28px 27px}.project-grid{grid-template-columns:1fr;gap:50px;margin-top:65px}.project-card,.project-card.tilt-1,.project-card.tilt-2,.project-card.tilt-3{transform:none}.project-photo{height:285px}.post-title{margin-top:45px}.published-frame{width:calc(100% - 18px);padding:9px}.published-block{padding:9px}.published-block.block-photo{border-width:6px}.studio-header{padding-inline:18px}.studio-grid{flex-direction:column;display:flex}.toolbox{z-index:30;border-bottom:1px solid #ffffff14;border-right:0;grid-template-columns:repeat(4,1fr);padding:8px;display:grid;position:sticky;top:0}.toolbox>strong{display:none}.toolbox button{margin:0;padding:6px}.toolbox b{width:38px;height:31px}.editor-area{min-height:68vh}.canvas-scroll{padding:14px 8px}.editor-board{border-width:7px;min-width:620px}.canvas-scroll{justify-content:flex-start}.inspector{max-height:none;padding-bottom:70px}.empty-canvas{width:38%;left:31%}}