:root{--paper:#f4f2ec;--ink:#282a24;--muted:#7e8076;--line:#d9d8ce;--rust:#626a4b}
.home{max-width:1260px;padding-top:76px}.home-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:48px}.home-head .headline{font-size:clamp(48px,6vw,78px);margin:17px 0 0}.home-head .intro{max-width:280px;padding-bottom:8px}.section-list{border-top:1px solid var(--line)}.section-row{width:100%;display:grid;grid-template-columns:74px 1fr 60px 30px;align-items:center;text-align:left;padding:22px 4px;border:0;border-bottom:1px solid var(--line);background:none;transition:padding .2s}.section-row:hover{padding-left:12px}.section-no,.section-count{font-size:9px;letter-spacing:.1em;color:var(--muted)}.section-name{font:24px var(--serif)}.section-name small{display:block;font:10px var(--sans);color:var(--muted);margin-top:6px}.section-arrow{color:var(--rust)}.recent-head{display:flex;justify-content:space-between;align-items:center;margin:55px 0 14px}.recent-list{border-top:1px solid var(--line)}.recent-row{width:100%;display:grid;grid-template-columns:115px minmax(180px,.8fr) 1.5fr 90px;gap:18px;align-items:baseline;text-align:left;padding:15px 4px;border:0;border-bottom:1px solid var(--line);background:none}.recent-type,.recent-date{font-size:8px;letter-spacing:.1em;color:var(--muted)}.recent-title{font:18px var(--serif)}.recent-detail{font-size:10px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-row:hover .recent-title{color:var(--rust)}.weekly-index{width:54px;height:54px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--rust);font:24px var(--serif)}.weekly-row{grid-template-columns:54px 1fr 140px 30px}.video-frame{width:100%;aspect-ratio:16/9;border:0;margin:15px 0 24px;background:#e7e3da}.placeholder{background:#e8e5dd;color:#857f70}.profile-grid .item-image{aspect-ratio:1.1}
@media(max-width:650px){.home{padding:48px 20px}.home-head{display:block;padding-bottom:32px}.home-head .headline{font-size:52px}.home-head .intro{margin-top:20px}.section-row{grid-template-columns:40px 1fr 32px 20px;padding:18px 0}.section-name{font-size:20px}.section-name small{max-width:260px;line-height:1.5}.recent-row{grid-template-columns:74px 1fr 60px;gap:8px;padding:13px 0}.recent-detail{display:none}.recent-title{font-size:17px}.recent-date{text-align:right}.weekly-row{grid-template-columns:42px 1fr 24px;gap:10px}.weekly-index{width:42px;height:42px}.weekly-row .notify{grid-column:2;grid-row:2}.weekly-row>button{grid-column:3;grid-row:1}}
#saveState{letter-spacing:.04em;color:var(--muted);text-transform:none}#saveState[data-state="saved"]{color:#566246}#saveState[data-state="local"]{color:#8c6846}
.creator-video-list{display:grid;gap:10px}.creator-video-row{display:flex;align-items:center;gap:10px}.creator-video-row input{flex:1;min-width:0}.creator-video-remove{border:1px solid var(--line);background:transparent;color:var(--muted);width:38px;height:38px;font-size:21px;cursor:pointer}.creator-video-remove:hover{color:var(--ink);border-color:var(--ink)}.creator-video-add{margin-top:12px;padding:0;color:var(--rust);font-size:10px;letter-spacing:.08em}.creator-thumbnail-field{margin-top:8px}
.creator-category-badges{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 18px}.creator-category-label{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-right:4px}.creator-category-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 11px;background:var(--rust);color:#fff;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.content-link-field{padding:20px 22px 18px;background:#ebe9df;border-left:4px solid var(--rust);margin:12px 0 22px}.content-link-field>label{color:var(--rust);font-weight:700;letter-spacing:.12em}.content-link-field input{font-size:17px}.content-link-hint{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.5}
.inspiration-category-badges{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:14px 0 18px}.inspiration-category-label{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-right:4px}.inspiration-category-badge{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;background:var(--rust);color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.recently-added-label{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--ink);border-left:3px solid var(--rust);padding:5px 0 5px 11px}
.moodboard-button{border:1px solid var(--rust);background:var(--rust);color:#fff;padding:13px 18px;font:700 10px var(--sans);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,transform .2s}.moodboard-button:hover{background:var(--ink);border-color:var(--ink);transform:translateY(-1px)}
@media(max-width:760px){.topbar{gap:12px}.top-right{gap:10px}.moodboard-button{padding:10px 12px;font-size:9px}}
/* Vision moodboards: image led entry preview and a loose, collected image wall. */
.item-moodboard-preview{aspect-ratio:1.18;width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:5px;padding:14px;background:radial-gradient(ellipse at 50% 45%,#f8f7f3,#deddd6);overflow:hidden}.moodboard-preview-tile{display:block;overflow:hidden;background:#c9c8c2;box-shadow:0 3px 12px #27251e22}.moodboard-preview-tile img{width:100%;height:100%;object-fit:cover;display:block}.moodboard-preview-0{grid-column:1/3;grid-row:1/3;transform:rotate(-2deg)}.moodboard-preview-1{grid-column:3/5;grid-row:1/2;transform:rotate(1.5deg)}.moodboard-preview-2{grid-column:3/4;grid-row:2/4;transform:rotate(-1deg)}.moodboard-preview-3{grid-column:4/5;grid-row:2/4;transform:rotate(2deg)}.moodboard-preview-4,.moodboard-preview-5{display:none}.moodboard-preview-empty{grid-column:1/-1;grid-row:1/-1;align-self:center;justify-self:center;text-align:center;color:var(--rust);font:600 11px/1.7 var(--sans);letter-spacing:.18em}
.vision-moodboard-backdrop{justify-content:center;overflow:auto;padding:3vh 2vw}.vision-moodboard-modal{width:min(1320px,100%);height:auto;max-height:94vh;margin:auto;padding:clamp(24px,4vw,58px);box-shadow:0 20px 90px #1f1d1926}.vision-moodboard-modal .detail-title{font-size:clamp(38px,5vw,64px)}.vision-moodboard-section{margin:42px 0 16px}.vision-moodboard-heading{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:15px;color:var(--rust);font-size:9px;font-weight:700;letter-spacing:.17em}.vision-moodboard-hint{font-size:11px;color:var(--muted);margin:10px 0 20px}.vision-moodboard-canvas{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:clamp(64px,7vw,100px);grid-auto-flow:dense;gap:clamp(8px,1.2vw,16px);padding:clamp(20px,4vw,56px);overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#faf9f5 0%,#eeece6 62%,#e4e1d8 100%)}.vision-moodboard-canvas:before,.vision-moodboard-canvas:after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #b6b3a655;border-radius:50%;width:76%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)}.vision-moodboard-canvas:after{width:58%;border-color:#b6b3a633}.vision-moodboard-tile{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;background:#d6d3cb;box-shadow:0 7px 22px #28261f24;transition:transform .25s,box-shadow .25s}.vision-moodboard-tile:hover{z-index:2;transform:scale(1.035) rotate(0)!important;box-shadow:0 14px 30px #28261f40}.vision-moodboard-image,.vision-moodboard-image img,.vision-moodboard-image video{display:block;width:100%;height:100%;object-fit:cover}.vision-moodboard-tile .visual-file-icon{font:12px var(--serif);color:#777366}.vision-tile-0{grid-column:span 3;grid-row:span 3;transform:rotate(-1.7deg)}.vision-tile-1{grid-column:span 2;grid-row:span 2;transform:rotate(1.3deg)}.vision-tile-2{grid-column:span 2;grid-row:span 3;transform:rotate(-1deg)}.vision-tile-3{grid-column:span 3;grid-row:span 2;transform:rotate(1.7deg)}.vision-tile-4{grid-column:span 2;grid-row:span 2;transform:rotate(-1.5deg)}.vision-tile-5{grid-column:span 2;grid-row:span 3;transform:rotate(1.2deg)}.vision-tile-6{grid-column:span 3;grid-row:span 2;transform:rotate(-1.2deg)}.vision-tile-7{grid-column:span 2;grid-row:span 2;transform:rotate(1.8deg)}.vision-moodboard-empty{padding:60px 20px;text-align:center;background:#eeece6;color:var(--muted);font:22px var(--serif)}
@media(max-width:680px){.vision-moodboard-backdrop{padding:0}.vision-moodboard-modal{max-height:100vh;padding:22px 18px}.vision-moodboard-canvas{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(55px,17vw,90px);padding:18px;gap:9px}.vision-tile-0,.vision-tile-3,.vision-tile-6{grid-column:span 2}.vision-tile-1,.vision-tile-2,.vision-tile-4,.vision-tile-5,.vision-tile-7{grid-column:span 2}.vision-moodboard-heading{font-size:8px}}
.moodboard-entry-form{grid-template-columns:1fr;gap:10px}.moodboard-entry-form .moodboard-upload-only{margin:18px 0 8px}.moodboard-upload-only .file-drop{min-height:78px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--rust);background:#ebe9df;position:relative}.moodboard-upload-only .file-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.moodboard-upload-only .drop-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--rust);pointer-events:none}.moodboard-upload-only .file-drop:hover{background:#e3e1d7;border-color:var(--ink)}.moodboard-entry-form .actions{margin-top:16px}
.vision-moodboard-page{max-width:1500px}.moodboard-page-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:22px 0 18px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.moodboard-page-actions>span{font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--muted)}.moodboard-add-images{border:0;background:var(--rust);color:#fff;padding:13px 20px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.moodboard-add-images:hover{background:var(--ink)}.vision-moodboard-page .vision-moodboard-canvas{min-height:55vh}.vision-moodboard-page .vision-moodboard-tile{cursor:zoom-in}
/* Looser, orbital image placement for the full vision board. */
.vision-moodboard-canvas{display:block;height:clamp(560px,68vw,900px);min-height:0;padding:0;background:radial-gradient(ellipse at 50% 48%,#f9f8f4 0%,#eeece6 58%,#e4e1d8 100%)}.vision-moodboard-canvas:before{width:min(78%,780px);border-color:#a9a69845}.vision-moodboard-canvas:after{width:min(57%,570px);border-color:#a9a6982e}.vision-moodboard-tile{position:absolute;display:block;grid-column:auto;grid-row:auto}.vision-tile-0{left:37%;top:29%;width:25%;height:34%;transform:rotate(-2.5deg)}.vision-tile-1{left:13%;top:20%;width:17%;height:24%;transform:rotate(3deg)}.vision-tile-2{left:69%;top:15%;width:18%;height:27%;transform:rotate(-2deg)}.vision-tile-3{left:21%;top:59%;width:20%;height:25%;transform:rotate(2deg)}.vision-tile-4{left:58%;top:59%;width:22%;height:24%;transform:rotate(-3deg)}.vision-tile-5{left:78%;top:47%;width:14%;height:20%;transform:rotate(3.5deg)}.vision-tile-6{left:40%;top:75%;width:17%;height:21%;transform:rotate(-1deg)}.vision-tile-7{left:7%;top:49%;width:14%;height:20%;transform:rotate(-3deg)}.vision-moodboard-tile:nth-child(3n){z-index:1}.vision-moodboard-tile:nth-child(4n){z-index:2}.vision-moodboard-tile:hover{z-index:4}
@media(max-width:680px){.vision-moodboard-canvas{height:640px}.vision-tile-0{left:32%;top:30%;width:37%;height:27%}.vision-tile-1{left:5%;top:12%;width:25%;height:19%}.vision-tile-2{left:69%;top:10%;width:26%;height:23%}.vision-tile-3{left:6%;top:56%;width:29%;height:23%}.vision-tile-4{left:61%;top:59%;width:31%;height:22%}.vision-tile-5{left:73%;top:36%;width:22%;height:17%}.vision-tile-6{left:36%;top:73%;width:28%;height:20%}.vision-tile-7{left:4%;top:34%;width:24%;height:17%}}
/* Art-directed orbit: one focal image, with quieter references moving around it. */
.vision-moodboard-canvas{height:clamp(680px,72vw,1040px);background:radial-gradient(ellipse at 50% 47%,#faf9f5 0%,#f0eee8 57%,#e6e3dc 100%)}.vision-moodboard-canvas:before{width:min(91%,1040px);border:1px solid #aaa89d4a}.vision-moodboard-canvas:after{width:min(69%,780px);border:1px solid #aaa89d36}.vision-moodboard-tile{border:3px solid rgba(255,255,255,.88);box-shadow:0 14px 36px #27251e24,0 2px 5px #27251e13}.vision-tile-0{left:36%;top:29%;width:28%;height:43%;z-index:3;transform:rotate(-.8deg)}.vision-tile-1{left:10%;top:17%;width:19%;height:27%;z-index:2;transform:rotate(2.4deg)}.vision-tile-2{left:69%;top:10%;width:19%;height:29%;z-index:2;transform:rotate(-2deg)}.vision-tile-3{left:5%;top:53%;width:18%;height:26%;z-index:1;transform:rotate(-2.7deg)}.vision-tile-4{left:78%;top:49%;width:16%;height:25%;z-index:2;transform:rotate(2.8deg)}.vision-tile-5{left:23%;top:69%;width:22%;height:26%;z-index:2;transform:rotate(1.7deg)}.vision-tile-6{left:58%;top:72%;width:23%;height:25%;z-index:2;transform:rotate(-1.8deg)}.vision-tile-7{left:41%;top:79%;width:18%;height:21%;z-index:1;transform:rotate(-1deg)}
.vision-moodboard-tile:hover{transform:scale(1.025) rotate(0)!important;box-shadow:0 20px 46px #27251e35,0 2px 5px #27251e13}
@media(max-width:680px){.vision-moodboard-canvas{height:760px}.vision-moodboard-canvas:before{width:112%}.vision-moodboard-canvas:after{width:86%}.vision-tile-0{left:31%;top:30%;width:39%;height:33%}.vision-tile-1{left:4%;top:11%;width:28%;height:22%}.vision-tile-2{left:68%;top:8%;width:28%;height:23%}.vision-tile-3{left:3%;top:47%;width:24%;height:22%}.vision-tile-4{left:75%;top:43%;width:22%;height:23%}.vision-tile-5{left:8%;top:73%;width:28%;height:22%}.vision-tile-6{left:64%;top:71%;width:29%;height:22%}.vision-tile-7{left:38%;top:82%;width:24%;height:17%}}
/* Editorial collage: structured, image-first, and comfortably browsable. */
.vision-moodboard-page .vision-moodboard-canvas{display:grid;height:auto;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:8px;grid-auto-flow:row dense;gap:14px;padding:clamp(14px,2vw,28px);overflow:hidden;background:linear-gradient(145deg,#eeece5,#f6f4ee 52%,#e9e6de);}
.vision-moodboard-page .vision-moodboard-canvas:before,.vision-moodboard-page .vision-moodboard-canvas:after{display:none}
.vision-moodboard-page .vision-moodboard-tile{position:relative;inset:auto;width:auto;height:auto;min-height:0;overflow:hidden;border:1px solid #fff9;box-shadow:0 8px 24px #2928201c;transform:none;transition:transform .25s ease,box-shadow .25s ease}
.vision-moodboard-page .vision-moodboard-tile:hover{transform:translateY(-3px) scale(1.008)!important;box-shadow:0 16px 34px #29282030;z-index:3}
.vision-moodboard-page .vision-moodboard-image,.vision-moodboard-page .vision-moodboard-image img{width:100%;height:100%;min-height:0;object-fit:cover}
@media(max-width:680px){.vision-moodboard-page .vision-moodboard-canvas{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:8px;gap:10px;padding:12px}}
.vision-moodboard-page .vision-moodboard-tile{background:#e7e4dc}
.vision-moodboard-page .vision-moodboard-image{display:flex;align-items:center;justify-content:center;background:#e7e4dc}
.vision-moodboard-page .vision-moodboard-image img{object-fit:contain;background:#e7e4dc}
.existing-visual-references{display:grid;gap:9px;margin:16px 0;padding:15px;background:#eeece5;border:1px solid var(--line)}
.existing-visual-heading{font-size:9px;font-weight:700;letter-spacing:.13em;color:var(--rust)}
.existing-visual-reference{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}
.existing-visual-thumb{width:54px;height:48px;display:flex;align-items:center;justify-content:center;background:#e2dfd6;color:var(--muted);font-size:8px;letter-spacing:.08em;overflow:hidden}
.existing-visual-thumb img{width:100%;height:100%;object-fit:cover}
.existing-visual-name{min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:11px}
.existing-visual-remove{display:flex;align-items:center;gap:6px;color:#8a4b42;font-size:10px;cursor:pointer}
.existing-visual-remove input{accent-color:#8a4b42}