:root{font:15px/1.5 Arial,sans-serif;color:#1c1d1d;background:#f7f8f5}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{height:76px;padding:0 32px;display:flex;gap:24px;align-items:center;border-bottom:1px solid #dde0d8;background:#fff}.brand{color:#626958;letter-spacing:.16em;text-decoration:none;font-weight:bold;font-size:23px}header span{flex:1;color:#72796a}main{padding:28px}.login{max-width:460px;margin:60px auto;padding:32px;background:white;border:1px solid #dde0d8;border-radius:12px}h1{font:32px Georgia,serif}.eyebrow{font-size:11px;letter-spacing:.15em;color:#626958}label{display:grid;gap:6px;margin-bottom:14px}input,select,textarea,button{font:inherit;border:1px solid #cbd0c2;border-radius:6px;padding:10px;background:#fff}textarea{min-height:90px}button{cursor:pointer;color:#34432d}button:hover{background:#edf0e8}button:disabled{opacity:.5;cursor:default}.login button{width:100%;margin-bottom:12px}.toolbar,nav{display:flex;align-items:center;gap:14px;margin-bottom:20px}.toolbar label{margin:0}#capacity,#role{color:#72796a;font-size:13px}#records{display:grid;gap:12px}.record{display:flex;gap:20px;align-items:center;background:#fff;padding:18px;border:1px solid #dde0d8;border-radius:8px}.record img{width:90px;height:70px;object-fit:contain}.record .name{flex:1}.record p{margin:4px 0;font-size:13px;color:#72796a}iframe{width:100%;height:calc(100vh - 185px);border:1px solid #dde0d8;background:white}dialog{max-width:640px;width:90%;border:1px solid #cbd0c2;border-radius:12px;padding:28px}dialog::backdrop{background:#0006}#status{position:fixed;bottom:12px;left:28px;max-width:650px;background:#fff;color:#854b2a;padding:8px 14px;border-radius:6px}#status:empty{display:none}@media(max-width:700px){main{padding:14px}nav,.toolbar{flex-wrap:wrap}.record{flex-wrap:wrap}.login{margin:25px auto}header{padding:0 16px}header span{font-size:12px}}
/* Workspace portal */
:root{background:#f8f9f6;color:#30352e;font-family:Arial,sans-serif}header{height:78px;padding:0 38px}main{padding:0}.brand{font-size:24px}header>span{font-size:12px;letter-spacing:.06em}button{transition:background .15s,border-color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #626958;outline-offset:3px}.primary{background:#626958;color:white;border-color:#626958}.primary:hover{background:#4e5746;color:white}h1{font:42px/1.15 Georgia,serif;letter-spacing:-.025em;color:#515c47;margin:12px 0 16px}h2{font:28px/1.2 Georgia,serif;color:#515c47}p{color:#747b70}.workspace-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 78px)}.sidebar{padding:32px 24px;border-right:1px solid #dfe3d9;background:#f0f2eb;display:flex;flex-direction:column;align-items:stretch}.workspace-picker select{width:100%;background:#f9faf7}.role{font-size:10px;letter-spacing:.12em;color:#737c68}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin:36px -10px}.sidebar nav button{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;padding:13px 14px;text-align:left;font-size:14px;color:#606955}.sidebar nav button span{font-size:10px;opacity:.5}.sidebar nav button[aria-current]{background:#dfe5d7;color:#35432d;font-weight:bold}.sidebar nav button:hover{background:#e5e9de}.workspace-note{margin-top:auto;padding-top:45px;font-size:12px;color:#59664e}.workspace-note p{font-size:12px;line-height:1.7}.privacy-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7b896b;margin-right:6px}.preview-label{font-size:9px!important;letter-spacing:.1em;margin-top:24px}#capacity{font-size:11px}.workspace-content{padding:40px clamp(24px,4vw,64px);max-width:1550px;width:100%;margin:auto;margin-top:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.page-heading p{font-size:14px;max-width:590px;margin-bottom:0;line-height:1.7}.page-heading .eyebrow{font-size:10px;letter-spacing:.16em}.page-actions{display:flex;gap:10px;flex-shrink:0}.page-actions button{font-size:12px;padding:11px 16px}.welcome-panel{background:#e9ede3;border:1px solid #dce2d4;border-radius:8px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;min-height:270px;padding:34px 40px;gap:30px}.welcome-panel h2{font-size:32px;margin:14px 0}.welcome-panel p:not(.eyebrow){max-width:425px;font-size:14px;line-height:1.8;margin-bottom:23px}.welcome-panel button{font-size:12px;min-width:175px;display:flex;justify-content:space-between;gap:25px}.sheet-art{display:flex;align-items:center;justify-content:center}.art-sheet{width:260px;background:#fff;padding:24px 20px 0;box-shadow:8px 12px 0 #d3dacb;transform:rotate(-5deg);color:#626958}.art-sheet>span{font-size:8px;font-weight:bold;letter-spacing:.07em}.art-sheet>i{display:block;width:55%;height:3px;background:#c3cbb9;margin:8px 0 18px}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.art-grid b{height:42px;background:linear-gradient(90deg,#e2e6dc 40%,transparent 40%);border-bottom:1px solid #d4dacd}.art-sheet footer{display:flex;justify-content:space-between;margin:20px -20px 0;background:#626958;color:#fff;font-size:7px;padding:9px 16px}.overview-summary{display:grid;grid-template-columns:1fr 1fr 2fr;border-bottom:1px solid #dce1d5;margin:24px 0 32px;padding:0 0 23px;gap:20px}.overview-summary>div{border-right:1px solid #dce1d5;padding:0 16px}.overview-summary>div:last-child{border:0}.overview-summary span{font:27px Georgia,serif;color:#626958}.overview-summary p{font-size:11px;margin:6px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.section-heading h2{font-size:24px;margin:0}.text-button{background:none;border:0;font-size:12px}.search-label{max-width:360px;margin-bottom:22px}.search-label input{font-size:13px}#records{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.record{display:block;border-radius:7px;overflow:hidden;padding:0;background:white;min-width:0}.record-content{padding:18px}.record strong{font-size:15px;overflow-wrap:anywhere}.record p{font-size:12px;margin:8px 0 16px}.record-actions{display:flex;gap:8px}.record-actions button{font-size:12px;padding:7px 14px}.project-cover{height:140px;background:#e9ede3;padding:20px 22px;position:relative;overflow:hidden;border-bottom:1px solid #dce2d4}.project-cover>span{font-size:8px;letter-spacing:.15em;color:#7b866f}.project-cover b{position:absolute;right:24px;bottom:14px;font:44px Georgia,serif;color:#aab59d}.cover-lines{width:60%;height:54px;margin-top:15px;background:repeating-linear-gradient(0deg,transparent 0,transparent 16px,#c8d0bf 17px,#c8d0bf 18px)}.product-cover{height:150px;background:#f7f8f4;padding:18px;text-align:center}.product-cover img{width:100%;height:100%;object-fit:contain}.placeholder{display:grid;place-items:center;color:#abb39f;font-size:11px;letter-spacing:.2em}.empty-state{grid-column:1/-1;border:1px dashed #cfd6c6;border-radius:8px;padding:32px;text-align:center;background:#fff}.empty-icon{font:28px Georgia,serif;color:#7c8a6c}.empty-state h3{font:23px Georgia,serif;color:#626958;margin:10px 0}.empty-state p{font-size:13px;max-width:480px;margin:10px auto 22px;line-height:1.7}.empty-state button{font-size:12px}.database-panel{background:#fff;border:1px solid #dfe4d7;border-radius:8px;padding:40px;line-height:1.8}.database-route{display:flex;gap:16px;flex-wrap:wrap;margin:32px 0}.database-route span{border:1px solid #d7ddcf;padding:12px 18px;font-size:12px;color:#626958}.availability{font-weight:bold;color:#626958}.database-panel p{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#project{padding:24px}#status{z-index:20;box-shadow:0 2px 14px #0001}dialog h2{margin-top:0}.login{margin:65px auto}.login h1{font-size:36px}
@media(max-width:1100px){.workspace-shell{grid-template-columns:205px minmax(0,1fr)}.page-heading{align-items:flex-start;flex-direction:column}h1{font-size:35px}.welcome-panel{padding:25px;gap:20px}.art-sheet{width:190px}.welcome-panel h2{font-size:27px}}
@media(max-width:700px){header{padding:0 18px;gap:12px}header span{font-size:10px}.workspace-shell{display:block}.sidebar{padding:16px 20px;border-right:0;border-bottom:1px solid #dfe3d9}.sidebar>.eyebrow,.sidebar>.role,.workspace-note{display:none}.workspace-picker{margin-bottom:0}.sidebar nav{flex-direction:row;margin:12px 0 0;gap:0;flex-wrap:wrap}.sidebar nav button{width:auto;font-size:12px;padding:10px}.sidebar nav button span{display:none}.workspace-content{padding:25px 20px}.welcome-panel{grid-template-columns:1fr}.sheet-art{display:none}.overview-summary{grid-template-columns:1fr 1fr}.overview-summary>div:last-child{grid-column:1/-1}.overview-summary>div:nth-child(2){border:0}.login{margin:30px 18px}.page-actions{flex-wrap:wrap}.database-panel{padding:24px}}

.auth-tabs{display:flex;gap:8px;margin:25px 0 20px}.auth-tabs button[aria-pressed=true]{background:#e3e8dc;font-weight:bold}.login .auth-tabs button{margin:0}.auth-note,#passwordHint,#passwordStatus{font-size:12px;line-height:1.7}#passwordStatus{color:#705332}#emailAlternative{border-top:1px solid #dce1d5;margin-top:22px;padding-top:18px}#emailAlternative summary{font-size:12px;cursor:pointer;margin-bottom:16px}#passwordDialog p{font-size:13px}#changePassword{padding-left:0}

.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-card{background:white;border:1px solid #dce1d5;border-radius:8px;padding:28px}.account-card h2{font-size:24px;margin-top:0}.account-card p{font-size:13px;line-height:1.7}.account-card label{font-size:12px}.account-card input[readonly]{background:#f3f5ef;color:#6c7564}#accountUsage p{display:flex;justify-content:space-between;border-bottom:1px solid #e5e8e0;padding:12px 0;gap:16px}@media(max-width:800px){.account-grid{grid-template-columns:1fr}}

.help-menu{position:relative;font-size:12px}.help-menu summary{cursor:pointer;padding:9px 12px;border:1px solid #dce1d5;border-radius:6px;list-style:none}.help-menu>button{position:absolute;right:0;top:40px;z-index:30;min-width:165px;box-shadow:0 8px 24px #23301b18}#welcomeTour{width:min(680px,calc(100vw - 32px));max-width:680px;max-height:calc(100dvh - 32px);overflow:auto;padding:28px;background:#fafbf8;color:#47533e}#welcomeTour::backdrop{background:#20291cc0}.tour-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tour-top p{margin:0}.tour-top button{border:0;background:none;font-size:24px;padding:0 6px}#tourArt{height:210px;display:grid;place-items:center;background:#e9eee2;border:1px solid #dce3d4;border-radius:8px;overflow:hidden}.tour-copy{min-height:190px;padding:6px 4px}.tour-copy h2{font-size:31px;margin:24px 0 12px}.tour-copy p{font-size:14px;line-height:1.7;margin:0 0 12px}#tourNote{font-size:12px;color:#68775b}.tour-footer{border-top:1px solid #dfe5d7;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-footer button{font-size:12px}.tour-actions{display:flex;gap:8px}#tourDots{display:flex;gap:7px}#tourDots button{padding:0;width:10px;height:10px;border-radius:50%;border:0;background:#d0d9c6}#tourDots button[aria-current=step]{background:#626958}.tour-project{width:80%;max-width:370px;background:#fff;padding:24px;border:1px solid #d2dcca;box-shadow:7px 7px 0 #d5decc}.tour-project small,.tour-project strong{display:block}.tour-project small{font-size:9px;letter-spacing:.12em}.tour-project strong{font:26px Georgia,serif;margin:12px 0 20px}.tour-mini-actions{display:flex;gap:12px;font-size:11px;align-items:center}.tour-mini-actions b{background:#626958;color:white;padding:9px}.tour-products{display:flex;align-items:center;gap:25px}.tour-products>div{padding:16px;background:white;border:1px solid #d5ddce;width:170px}.tour-products b,.tour-products small{display:block;font-size:10px}.tour-products small{margin-top:6px;color:#7a8471}.tour-swatch{display:block;width:60px;height:55px;background:#a9b89b;border-radius:45% 45% 8% 8%;margin-bottom:16px}.tour-swatch.alternate{background:#a9b89b}.tour-tree{width:75%;font-size:12px}.tour-tree>b{font-size:10px;letter-spacing:.12em}.tour-tree>div{border-left:1px solid #a7b398;margin:14px 0 0 8px;padding-left:20px}.tour-tree>div>div{background:white;padding:16px;margin-top:12px;border:1px solid #d2dbc8}.tour-tree small{display:block;margin-top:12px;color:#7d866f}.tour-layouts{display:flex;gap:18px;align-items:center}.tour-layouts>div{width:125px;height:160px;padding:16px 12px;background:white;box-shadow:4px 5px 0 #d6dece}.tour-layouts b{font-size:8px;letter-spacing:.07em;display:block;height:26px}.tour-layouts i{display:block;height:85px;margin-top:12px}.mini-table{background:repeating-linear-gradient(0deg,transparent 0 15px,#ccd6c2 15px 17px)}.mini-spec{background:linear-gradient(#d2dbc8 0 50%,transparent 50% 60%,#e6eadf 60% 66%,transparent 66% 76%,#e6eadf 76% 82%,transparent 82%)}.mini-palette{background:repeating-linear-gradient(0deg,transparent 0 8px,#d0dac6 8px 35px);border-left:28px solid white;border-right:8px solid white}@media(max-width:600px){#welcomeTour{padding:20px}.tour-copy{min-height:235px}.tour-copy h2{font-size:26px}.tour-footer{flex-wrap:wrap}.tour-actions{margin-left:auto}.tour-products{gap:12px}.tour-products>div{width:120px;padding:12px}.tour-layouts{gap:10px}.tour-layouts>div{width:80px;height:140px;padding:12px 8px}.tour-layouts b{font-size:7px}.tour-mini-actions{font-size:9px;gap:6px}header{gap:10px}header>span{min-width:0}}

/* Illustrated product walkthrough: each scene loops independently. */
#welcomeTour{width:min(760px,calc(100vw - 32px));max-width:760px}#tourArt{height:300px;background:radial-gradient(ellipse at 50% 30%,#f5f7f0,#e4eada);position:relative}.tour-copy{min-height:180px}.tour-playback{display:flex;justify-content:space-between;align-items:center;padding:10px 2px 0}.tour-playback>span{font-size:8px;letter-spacing:.16em;color:#869079}.tour-playback button{border:0;background:none;padding:5px 9px;font-size:11px;color:#637255}.demo-stage{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:30px;font-family:Arial,sans-serif}.demo-caption{position:absolute;bottom:14px;left:0;width:100%;text-align:center;font-size:11px;color:#68785c}.demo-window{width:80%;max-width:470px;background:#fff;border:1px solid #d3ddc9;border-radius:7px;box-shadow:0 14px 28px #475b3615;position:relative;overflow:hidden}.demo-bar{display:flex;gap:15px;align-items:center;background:#f8faf5;border-bottom:1px solid #e1e7d9;padding:12px 17px;font-size:9px;letter-spacing:.1em}.demo-bar span{font-size:8px;color:#94a087}.demo-bar i{margin-left:auto;font-style:normal}.demo-body{padding:20px}.demo-body>small{font-size:8px;letter-spacing:.1em;color:#88947b}.demo-input{margin:10px 0 12px;padding:9px 12px;border:1px solid #cad6bf;display:flex;align-items:center;height:35px;font-size:13px}.typed-title{display:block;white-space:nowrap;overflow:hidden;width:0;animation:demo-type 7s steps(17,end) infinite}.typing-caret{height:15px;width:1px;background:#637255;animation:demo-blink .8s steps(2,end) infinite}.demo-create{display:inline-block;font-size:10px;background:#637255;color:white;padding:8px 13px;border-radius:3px;animation:demo-click 7s infinite}.demo-project-result{display:flex;position:absolute;bottom:17px;left:20px;right:20px;align-items:center;gap:12px;padding:12px;background:#f0f5e9;border:1px solid #bfcdb1;border-radius:5px;animation:demo-created 7s infinite}.demo-project-result b{font-size:12px}.demo-project-result small{display:block;font-size:9px;margin-top:4px}.demo-project-result>span:last-child{margin-left:auto}.demo-check{color:#637255;font-size:21px}.demo-cursor{position:absolute;left:77%;top:75%;font-size:24px;color:#303e25;text-shadow:1px 1px white;animation:demo-pointer 7s infinite}.demo-two{display:flex;gap:28px;align-items:center;position:relative}.demo-library,.demo-destination{width:175px;height:205px;background:#fff;border:1px solid #d4dec9;border-radius:7px;padding:16px;position:relative}.demo-two small{font-size:8px;letter-spacing:.08em}.demo-product,.demo-copy{display:flex;flex-direction:column;align-items:center;margin-top:9px}.demo-two svg{width:88px;height:88px}.demo-product b,.demo-copy b{font-size:11px}.demo-product>span,.demo-copy>span{font-size:8px;margin-top:6px;color:#819072}.demo-drop{border:1px dashed #b6c5a6;margin-top:18px;padding:48px 8px;text-align:center;font-size:10px;color:#91a181;animation:demo-drop 7s infinite}.demo-copy{position:absolute;top:39px;left:16px;right:16px;animation:demo-copy 7s infinite}.demo-flying{position:absolute;left:42px;top:42px;animation:demo-transfer 7s infinite;filter:drop-shadow(0 8px 6px #627b4733)}.demo-flow-arrow{color:#99ac86;font-size:24px}.demo-organizer{display:grid;grid-template-columns:35% 65%;min-height:170px}.demo-floor{background:#f1f5eb;padding:18px 12px;display:flex;flex-direction:column;gap:12px}.demo-floor small,.demo-rows>small{font-size:8px;letter-spacing:.1em;color:#87977a}.demo-floor b{font-size:11px}.demo-floor span{font-size:8px;padding:6px;color:#647854}.demo-floor span:first-of-type{background:#dce6d1}.demo-rows{padding:16px}.demo-row{display:flex;gap:12px;align-items:center;padding:9px 5px;border-bottom:1px solid #e3e9dc;font-size:10px;animation:demo-row 7s infinite}.demo-row span{color:#95a685;font-size:9px}.demo-row i{margin-left:auto;font-style:normal;color:#70835e}.row-two{animation-delay:.45s}.row-three{animation-delay:.9s}.demo-reviewed{margin-top:12px;font-size:9px;color:#71875b;animation:demo-copy 7s infinite}.scene-output{display:block;padding-top:16px}.demo-output-tabs{display:flex;justify-content:center;gap:6px;font-size:8px;letter-spacing:.03em}.demo-output-tabs span{padding:7px 10px;border-radius:4px;animation:demo-tab 9s infinite}.demo-output-tabs span:nth-child(2){animation-delay:3s}.demo-output-tabs span:nth-child(3){animation-delay:6s}.demo-pages{position:relative;height:210px;margin-top:12px}.demo-sheet{position:absolute;width:300px;height:190px;left:50%;margin-left:-150px;background:white;box-shadow:0 8px 20px #3d55251c;padding:17px 20px;animation:demo-page 9s infinite;opacity:0;transform:translateY(12px)}.sheet-spec{animation-delay:3s}.sheet-palette{animation-delay:6s}.demo-sheet>b{font-size:9px;display:block;color:#596b47}.demo-sheet>small{display:block;font-size:6px;margin-top:4px}.demo-sheet footer{position:absolute;bottom:0;left:0;right:0;background:#637255;color:white;padding:7px 16px;font-size:6px;letter-spacing:.08em}.demo-table{margin-top:20px}.demo-table>div{display:flex;gap:10px;padding:11px 0;border-top:1px solid #b3c2a2;font-size:7px}.demo-table i{width:25%;height:5px;background:#dfe6d7}.demo-spec-image{position:absolute;left:25px;top:53px;width:100px;height:100px}.demo-spec-image svg{width:100%}.demo-text-lines{position:absolute;left:150px;top:70px;width:110px;height:65px;background:repeating-linear-gradient(0deg,transparent 0 10px,#dce4d4 10px 13px)}.demo-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.demo-palette-grid>div{display:flex;align-items:center;border-top:1px solid #bac7ac;font-size:7px}.demo-palette-grid svg{width:45px;height:45px;margin-left:auto}.demo-palette-grid i{display:block;width:45px;height:3px;background:#dce4d4;margin-top:6px}
@keyframes demo-type{0%,8%{width:0}35%,100%{width:17ch}}@keyframes demo-blink{50%{opacity:0}}@keyframes demo-click{0%,40%,55%,100%{transform:scale(1)}47%{transform:scale(.94);background:#859b70}}@keyframes demo-pointer{0%,15%{opacity:0;transform:translate(30px,25px)}35%,48%{opacity:1;transform:translate(-220px,-15px)}60%,100%{opacity:0;transform:translate(-200px,0)}}@keyframes demo-created{0%,52%{opacity:0;transform:translateY(12px)}62%,92%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}@keyframes demo-transfer{0%,16%{opacity:0;transform:translate(0,0) scale(1)}22%{opacity:1;transform:translate(0,0) scale(1.08)}48%{opacity:1;transform:translate(225px,0) scale(1)}56%,100%{opacity:0;transform:translate(225px,0)}}@keyframes demo-copy{0%,48%{opacity:0;transform:translateY(8px)}60%,94%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes demo-drop{0%,45%{opacity:1}55%,94%{opacity:0}100%{opacity:1}}@keyframes demo-row{0%,12%{opacity:0;transform:translateX(28px)}30%,90%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(0)}}@keyframes demo-page{0%{opacity:0;transform:translateY(12px) scale(.96)}5%,28%{opacity:1;transform:translateY(0) scale(1)}33%,100%{opacity:0;transform:translateY(-8px) scale(.98)}}@keyframes demo-tab{0%,30%{background:#637255;color:white}34%,100%{background:transparent;color:#839473}}
#tourArt.motion-paused *{animation-play-state:paused!important}#tourArt.motion-reduced *{animation:none!important}.motion-reduced .typed-title{width:17ch}.motion-reduced .demo-cursor,.motion-reduced .demo-flying,.motion-reduced .demo-drop{display:none}.motion-reduced .demo-sheet{display:none}.motion-reduced .sheet-palette{display:block;opacity:1;transform:none}.motion-reduced .demo-output-tabs span:last-child{background:#637255;color:white}
@media(max-width:600px){#tourArt{height:260px}.demo-window{width:92%}.demo-two{gap:10px}.demo-library,.demo-destination{width:123px;height:182px;padding:10px}.demo-two svg{width:74px;height:74px}.demo-product>span,.demo-copy>span{font-size:7px}.demo-two small{font-size:7px}.demo-flow-arrow{font-size:18px}.demo-flying{left:23px;top:40px}.demo-copy{top:28px;left:8px;right:8px}.demo-caption{font-size:9px;bottom:11px}.demo-sheet{width:260px;margin-left:-130px;height:165px;padding:14px}.demo-pages{height:178px}.demo-spec-image{top:42px;width:85px}.demo-text-lines{left:125px;width:100px;top:55px}.demo-table{margin-top:12px}.demo-table>div{padding:9px 0}.demo-palette-grid{margin-top:9px;gap:4px}.demo-output-tabs span{padding:6px}.demo-bar{padding:10px;font-size:8px}.demo-rows{padding:12px 8px}.demo-row{gap:6px;font-size:8px}.demo-floor{padding:12px 8px}.demo-floor span{font-size:6px}.demo-body{padding:14px}.demo-project-result{left:14px;right:14px}.demo-project-result b{font-size:10px}@keyframes demo-transfer{0%,16%{opacity:0;transform:translate(0,0)}22%{opacity:1;transform:translate(0,0) scale(1.08)}48%{opacity:1;transform:translate(160px,0)}56%,100%{opacity:0;transform:translate(160px,0)}}@keyframes demo-pointer{0%,15%{opacity:0;transform:translate(15px,10px)}35%,48%{opacity:1;transform:translate(-125px,-10px)}60%,100%{opacity:0;transform:translate(-115px,0)}}}

.entry-welcome{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:55px;max-width:1300px;margin:auto;padding:70px 60px}.entry-copy h1{font-size:clamp(36px,4vw,60px);line-height:1.12}.entry-copy>p:not(.eyebrow){max-width:480px;line-height:1.8;font-size:16px}.entry-actions{display:flex;gap:12px;margin-top:30px}.entry-actions button{padding:13px 24px}.entry-copy .entry-small{font-size:12px!important;margin:18px 0 35px}.entry-steps{display:flex;gap:20px;border-top:1px solid #dce3d3;padding-top:20px;color:#809171;font-size:11px}.entry-illustration{background:#e9eee2;border-radius:12px;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.entry-illustration .art-sheet{width:280px}.entry-illustration p{font-size:12px}#backToWelcome{text-align:left;width:auto;margin-left:-10px}#journeyHint{margin-bottom:24px}@media(max-width:750px){.entry-welcome{grid-template-columns:1fr;padding:40px 24px;gap:28px}.entry-copy h1{font-size:36px}.entry-steps{flex-wrap:wrap;gap:14px}.entry-illustration{min-height:260px}.entry-illustration .art-sheet{width:230px}}

.entry-actions{flex-wrap:wrap}

/* Unified entry and persistent workspace navigation. */
.auth-screen>header{display:none}.auth-screen main{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(440px,1.1fr);min-height:100vh;background:#fff}
.auth-screen .entry-welcome{display:block;min-height:100vh;padding:64px clamp(32px,5vw,80px);margin:0;border:0;border-radius:0;background:#e9ede3}
.auth-screen .entry-copy{max-width:470px;margin:auto}.entry-copy>.brand{display:block;margin-bottom:88px}.auth-screen .entry-copy h1{font:46px/1.13 Georgia,serif;margin:20px 0}.auth-screen .entry-copy>p{line-height:1.8}.entry-benefits{padding:0;list-style:none;margin:32px 0 64px}.entry-benefits li{padding:10px 0;font-size:14px;color:#56624e}.entry-benefits li:before{content:'✓';margin-right:12px}.auth-screen .entry-steps{display:grid;gap:10px;font-size:12px;border-top:1px solid #ccd3c3;padding-top:24px}
.auth-screen .login{align-self:center;width:100%;max-width:440px;margin:40px auto;padding:28px;border:0;border-radius:0}.login h1{font-size:34px}.local-entry{border-top:1px solid #dde0d8;padding-top:20px;margin-top:20px}.local-entry>span{display:block;font-size:10px;letter-spacing:.13em;color:#7a8273;margin-bottom:16px}.local-entry p{font-size:12px;line-height:1.7;margin:0}.local-entry button{background:#edf0e8}.auth-note{font-size:11px}.editing-project .workspace-content{padding:0;max-width:none}.editing-project .workspace-content> :not(#project){display:none!important}.editing-project #project{padding:18px}.editing-project iframe{height:calc(100vh - 166px)}.editing-project .toolbar{margin-bottom:14px}.editing-project .sidebar{padding-top:26px}.welcome-panel{display:none}#fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}#fields label:first-child{grid-column:1/-1}#fields input{width:100%;min-width:0}
@media(max-width:760px){.auth-screen main{display:block}.auth-screen .entry-welcome{min-height:0;padding:28px}.entry-copy>.brand{margin-bottom:24px}.auth-screen .entry-copy h1{font-size:33px}.entry-benefits,.auth-screen .entry-steps,.entry-copy>.entry-small{display:none}.auth-screen .login{margin:0 auto;padding:28px}.editing-project #project{padding:10px}#fields{grid-template-columns:1fr}}
@media(min-width:761px){.auth-screen .login{margin:18px auto;padding:16px 28px}.auth-screen .login h1{margin:8px 0 12px}.auth-screen .login>p{margin:8px 0}.auth-screen .auth-tabs{margin:18px 0 10px}.auth-screen .login button{margin-bottom:8px}.auth-screen .login label{margin-bottom:10px}.auth-screen .local-entry{margin-top:12px;padding-top:12px}.auth-screen .local-entry>span{margin-bottom:10px}.auth-screen .entry-welcome{padding-top:40px;padding-bottom:32px}.auth-screen .entry-copy>.brand{margin-bottom:60px}.auth-screen .entry-benefits{margin-bottom:36px}.auth-screen .login .auth-note{margin:6px 0;font-size:10px}.auth-screen #emailAlternative{margin:10px 0;padding:10px 0}}

/* Step 2: demonstrate creating a floor, without changing project data. */
.scene-add-floor .demo-organizer{min-height:196px;grid-template-columns:38% 62%}.scene-add-floor .demo-rows{position:relative}.floor-add-button{font-size:10px;border:1px solid #b8c6aa;border-radius:4px;padding:7px;background:white;animation:floor-click 9s infinite}.floor-explanation{font:17px/1.4 Georgia,serif;max-width:180px}.floor-form{position:absolute;inset:12px;background:#fff;border:1px solid #cad6bf;border-radius:6px;padding:14px;box-shadow:0 6px 18px #41532d15;animation:floor-form 9s infinite}.floor-form>small{font-size:8px;color:#7a896b}.floor-form label{font-size:9px;margin:8px 0 5px}.floor-input{padding:7px;border:1px solid #ccd6c2;height:30px;font-size:11px}.floor-input span{display:block;white-space:nowrap;overflow:hidden;animation:floor-type 9s steps(7,end) infinite}.floor-confirm{display:inline-block;background:#637255;color:white;font-size:9px;padding:7px 12px;margin-top:10px;border-radius:3px;animation:floor-confirm 9s infinite}.floor-added{padding:8px;background:#dce6d1;border-radius:4px;animation:floor-result 9s infinite}.floor-added small{display:block;margin-top:5px;font-size:8px}.floor-success{position:absolute;inset:12px;background:#f1f5eb;border-radius:6px;padding:28px 16px;animation:floor-result 9s infinite}.floor-success>b{font-size:16px;color:#4e6540}.floor-success p{font-size:11px}.floor-pointer{position:absolute;left:29%;top:57%;font-size:23px;color:#31432a;text-shadow:1px 1px white;animation:floor-pointer 9s infinite}
@keyframes floor-click{0%,13%,23%,100%{transform:scale(1);background:white}18%{transform:scale(.95);background:#dce6d1}}
@keyframes floor-form{0%,22%{opacity:0;transform:translateY(8px)}28%,62%{opacity:1;transform:none}68%,100%{opacity:0;transform:translateY(0)}}
@keyframes floor-type{0%,30%{width:0}47%,100%{width:7ch}}
@keyframes floor-confirm{0%,53%,64%,100%{transform:none;background:#637255}58%{transform:scale(.94);background:#859b70}}
@keyframes floor-result{0%,65%{opacity:0;transform:translateY(7px)}73%,95%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes floor-pointer{0%{opacity:0;transform:translate(20px,10px)}12%,20%{opacity:1;transform:none}28%,46%{opacity:0;transform:none}53%,61%{opacity:1;transform:translate(135px,25px)}69%,100%{opacity:0;transform:translate(135px,25px)}}
#tourArt.motion-reduced .floor-form,#tourArt.motion-reduced .floor-pointer{display:none}#tourArt.motion-reduced .floor-added,#tourArt.motion-reduced .floor-success{opacity:1;transform:none}
@media(max-width:600px){.floor-form{inset:8px;padding:10px}.floor-success{inset:8px;padding:24px 10px}.floor-add-button{font-size:9px}.scene-add-floor .demo-floor{gap:9px}.floor-added b{font-size:10px}@keyframes floor-pointer{0%{opacity:0}12%,20%{opacity:1;transform:none}28%,46%{opacity:0}53%,61%{opacity:1;transform:translate(80px,22px)}69%,100%{opacity:0;transform:translate(80px,22px)}}}

/* Step 3: collect a project product, then reuse independent selections. */
.reuse-flow{width:92%;display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;gap:5px}.reuse-source,.reuse-library{height:178px;border:1px solid #cbd6bf;background:white;border-radius:7px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.reuse-flow small{font-size:8px;letter-spacing:.06em;color:#657654}.reuse-flow svg{width:72px;height:72px;flex-shrink:0}.reuse-flow b{font-size:10px}.reuse-save{font-size:8px;padding:7px 5px;background:#637255;color:white;border-radius:3px;margin-top:12px;animation:reuse-save 10s infinite}.reuse-collected{display:flex;flex-direction:column;align-items:center;animation:reuse-collect 10s infinite}.reuse-collected>span{font-size:8px;margin-top:12px;color:#637255}.reuse-arrow{font-size:22px;color:#637255;text-align:center}.arrow-save{animation:reuse-first-arrow 10s infinite}.arrow-many{animation:reuse-second-arrow 10s infinite}.reuse-targets{display:grid;gap:10px}.reuse-target{display:grid;grid-template-columns:36px 1fr;align-items:center;background:white;border:1px solid #cbd6bf;border-radius:6px;padding:9px 5px;animation:reuse-target 10s infinite}.reuse-target small{grid-column:1/-1}.reuse-target svg{width:36px;height:46px}.reuse-target>span{font-size:7px;line-height:1.6}.target-c{animation-delay:.65s}
@keyframes reuse-save{0%,13%,25%,100%{transform:none}19%{transform:scale(.94);background:#8ca176}}
@keyframes reuse-first-arrow{0%,15%{opacity:.15}23%,92%{opacity:1}100%{opacity:.15}}
@keyframes reuse-collect{0%,24%{opacity:0;transform:translateX(-12px)}36%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes reuse-second-arrow{0%,45%{opacity:.15}55%,92%{opacity:1}100%{opacity:.15}}
@keyframes reuse-target{0%,50%{opacity:.2;transform:translateX(8px)}65%,93%{opacity:1;transform:none}100%{opacity:.2;transform:none}}
#tourArt.motion-reduced .reuse-collected,#tourArt.motion-reduced .reuse-target,#tourArt.motion-reduced .reuse-arrow{opacity:1;transform:none}
@media(max-width:600px){.reuse-flow{width:97%;gap:2px;grid-template-columns:1fr 14px 1fr 14px 1fr}.reuse-source,.reuse-library{padding:10px 4px;height:168px}.reuse-flow small{font-size:7px}.reuse-flow b{font-size:9px}.reuse-flow svg{width:58px;height:64px}.reuse-arrow{font-size:17px}.reuse-target{grid-template-columns:1fr;text-align:center;padding:7px 3px}.reuse-target svg{display:none}.reuse-target>span{font-size:7px;margin-top:8px}.reuse-save{font-size:7px}.reuse-collected>span{font-size:7px}}

/* Output thumbnails follow the real sheet hierarchy and landscape ratios. */
.demo-output-tabs span{text-align:center}.demo-output-tabs small{display:block;font-size:7px;margin-top:4px;letter-spacing:0}.scene-output .demo-pages{height:204px;margin-top:10px}.scene-output .sheet-cd{width:288px;height:192px;margin-left:-144px;padding:8px;display:grid;grid-template-columns:1fr 40px;gap:5px}.mini-cd-field>b,.mini-spec-field>b{font-size:6px;display:block;margin-bottom:6px}.mini-cd-field>small{font-size:3px;display:block;margin-top:6px}.mini-formal-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.mini-formal-column>b{display:block;font-size:4px;background:#dce4d4;padding:3px 1px}.mini-formal-column>small{display:block;font-size:2.5px;border-bottom:1px solid #85947a;padding:3px 0}.mini-formal-row{display:grid;grid-template-columns:7px 1fr 19px;gap:2px;align-items:center;min-height:42px;border-bottom:1px solid #c0caba}.mini-formal-row>span{font-size:4px}.mini-formal-row b{font-size:3px;display:block}.mini-formal-row i{display:block;height:2px;background:#dce4d4;margin-top:4px}.mini-formal-row svg{width:19px;height:25px}.mini-title-block{display:flex;flex-direction:column;border:1px solid #708164;justify-content:space-between}.mini-title-block>*{padding:4px 2px;border-bottom:1px solid #b3bfa9;font-size:4px;line-height:1.5}.mini-title-block>b{font-size:6px}.mini-title-block>strong{font-size:7px;background:#e5ebdd}.scene-output .sheet-spec{width:297px;height:192px;margin-left:-148.5px;padding:10px 9px 30px}.sheet-spec .mini-formal-row{min-height:40px;grid-template-columns:8px 1fr 25px}.sheet-spec .mini-formal-row svg{width:25px;height:28px}.sheet-spec .mini-formal-row b{font-size:4px}.scene-output .mini-spec-footer{left:0;right:0;bottom:0;margin:0;height:24px;display:flex;align-items:center;justify-content:space-between;padding:4px 9px;background:#626958;color:white;font-size:4px}.mini-spec-footer>b{font-size:10px}.mini-spec-footer>span:last-child{text-align:right}.scene-output .sheet-palette{width:297px;height:192px;margin-left:-148.5px}
@media(max-width:600px){.scene-output .demo-pages{transform:scale(.84);transform-origin:top center}.demo-output-tabs span{font-size:7px;padding:6px 5px}.demo-output-tabs small{font-size:6px}}

/* The pointer tip, rather than a right-pointing text glyph, marks each click. */
.demo-cursor,.floor-pointer{left:0;top:0;width:24px;height:28px;line-height:0;pointer-events:none;text-shadow:none;z-index:3}.demo-cursor svg,.floor-pointer svg{display:block;width:24px;height:28px}
@keyframes demo-pointer{0%,15%{opacity:0;transform:translate(calc(var(--create-x,100px) + 45px),calc(var(--create-y,150px) + 30px))}35%,48%{opacity:1;transform:translate(var(--create-x,100px),var(--create-y,150px))}60%,100%{opacity:0;transform:translate(var(--create-x,100px),var(--create-y,150px))}}
@keyframes floor-pointer{0%{opacity:0;transform:translate(calc(var(--add-x,80px) + 30px),calc(var(--add-y,150px) + 20px))}12%,20%{opacity:1;transform:translate(var(--add-x,80px),var(--add-y,150px))}28%,46%{opacity:0;transform:translate(var(--confirm-x,270px),var(--confirm-y,160px))}53%,61%{opacity:1;transform:translate(var(--confirm-x,270px),var(--confirm-y,160px))}69%,100%{opacity:0;transform:translate(var(--confirm-x,270px),var(--confirm-y,160px))}}

/* Import → collect (held longest) → distribute: three distinct scenes. */
.scene-import-reuse{--cycle:15s}.scene-import-reuse small{font-size:9px;letter-spacing:.08em;color:#637255}.scene-import-reuse b{font-size:13px}.scene-import-reuse svg{width:80px;height:85px}.import-act,.collect-act,.distribute-act{position:absolute;inset:20px 25px 42px;display:flex;justify-content:center;align-items:center;gap:24px;opacity:0}.import-act{animation:import-act var(--cycle) linear infinite}.collect-act{animation:collect-act var(--cycle) linear infinite}.distribute-act{animation:distribute-act var(--cycle) linear infinite}.import-project{width:280px;padding:24px;background:white;border:1px solid #ccd7c1;border-radius:8px;display:grid;gap:15px}.import-file{padding:14px 9px;border:1px dashed #a9ba98;border-radius:4px;color:#647d51;font-size:18px}.import-file span{font-size:11px}.import-check{font-size:13px;color:#486735;animation:import-check var(--cycle) infinite}.collect-source,.collect-library,.distribute-library{width:200px;min-height:184px;padding:16px 12px;background:white;border:1px solid #ccd7c1;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.collect-source{width:175px;background:#f7f9f4}.collect-source>b{font-size:11px}.collect-product{display:flex;flex-direction:column;align-items:center;animation:collect-depart var(--cycle) infinite}.collect-product>span{font-size:10px}.collect-library{border:2px solid #7b9665;box-shadow:0 0 0 5px #a5ba8e22}.collect-library>small{font-weight:bold;font-size:12px}.collect-arrival{display:flex;flex-direction:column;align-items:center;animation:collect-arrival var(--cycle) infinite}.collect-arrival>span{font-size:10px;color:#587445;margin-top:10px}.collect-arrow,.distribute-arrow{font-size:28px;color:#72885e}.distribute-targets{display:grid;gap:10px;width:210px}.distribute-target{display:grid;grid-template-columns:48px 1fr;align-items:center;border:1px solid #c0d0b2;border-radius:7px;padding:10px;background:white;animation:destination-one var(--cycle) infinite}.distribute-target small{grid-column:1/-1;font-size:8px}.distribute-target svg{width:42px;height:46px}.distribute-target>span{font-size:10px;color:#587445}.destination-two{animation-name:destination-two}.sequence-caption{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:11px;color:#526747}.sequence-caption span{position:absolute;left:0;right:0;bottom:0;opacity:0}.caption-import{animation:import-act var(--cycle) linear infinite}.caption-collect{animation:collect-act var(--cycle) linear infinite;font-weight:bold}.caption-distribute{animation:distribute-act var(--cycle) linear infinite}
@keyframes import-act{0%,20%{opacity:1}24%,100%{opacity:0}}
@keyframes import-check{0%,8%{opacity:0;transform:scale(.8)}12%,100%{opacity:1;transform:none}}
@keyframes collect-act{0%,23%{opacity:0}27%,61%{opacity:1}65%,100%{opacity:0}}
@keyframes collect-depart{0%,32%{transform:none;opacity:1}40%,100%{transform:translateX(70px);opacity:0}}
@keyframes collect-arrival{0%,36%{opacity:0;transform:translateX(-45px) scale(.9)}45%,100%{opacity:1;transform:none}}
@keyframes distribute-act{0%,64%{opacity:0}68%,96%{opacity:1}100%{opacity:0}}
@keyframes destination-one{0%,69%{opacity:0;transform:translateX(-20px)}77%,100%{opacity:1;transform:none}}
@keyframes destination-two{0%,77%{opacity:0;transform:translateX(-20px)}85%,100%{opacity:1;transform:none}}
#tourArt.motion-reduced .scene-import-reuse .import-act,#tourArt.motion-reduced .scene-import-reuse .collect-act,#tourArt.motion-reduced .scene-import-reuse .caption-import,#tourArt.motion-reduced .scene-import-reuse .caption-collect{display:none}#tourArt.motion-reduced .scene-import-reuse .distribute-act,#tourArt.motion-reduced .scene-import-reuse .caption-distribute,#tourArt.motion-reduced .scene-import-reuse .distribute-target{opacity:1;transform:none}
@media(max-width:600px){.import-act,.collect-act,.distribute-act{inset:12px 8px 36px;gap:9px}.collect-source,.collect-library,.distribute-library{width:120px;min-height:165px;padding:12px 6px}.collect-source{width:105px}.scene-import-reuse small{font-size:7px}.collect-library>small{font-size:9px}.scene-import-reuse b{font-size:10px}.scene-import-reuse svg{width:58px;height:65px}.collect-arrival>span{font-size:8px}.collect-arrow,.distribute-arrow{font-size:20px}.distribute-targets{width:134px}.distribute-target{padding:8px 5px;grid-template-columns:30px 1fr}.distribute-target svg{width:30px;height:37px}.distribute-target>span{font-size:8px}.sequence-caption{font-size:9px}}

/* Main wordmark remains legible at narrow workspace widths. */
header .brand{white-space:nowrap;font-size:clamp(16px,2vw,24px);letter-spacing:.1em;flex-shrink:0}
@media(max-width:600px){header{height:auto;min-height:78px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}header>span{flex-basis:40%;font-size:9px}header .help-menu{margin-left:auto}}

.extension-entry{display:block;margin-top:14px;font-size:12px;color:#4e6540}.help-menu a{display:block;padding:10px 12px;font-size:12px;color:#4e6540;white-space:nowrap}

.trash-explanation{grid-column:1/-1;line-height:1.8}.record-actions{flex-wrap:wrap}#trashProjects[aria-pressed=true]{background:#e3e8dc}