.creative-page{color-scheme:light}.creative-page [hidden]{display:none!important}.creative-page .header{position:relative;background:var(--forest)}
.creative-page :focus-visible{outline:3px solid #a94d2f;outline-offset:4px}.creative-page .header :focus-visible{outline-color:#e8b84e}
.workshop-title{display:flex;justify-content:space-between;align-items:center;padding-block:50px 26px;gap:24px}.workshop-title h1{font-size:52px;line-height:1.15;font-weight:600;overflow-wrap:anywhere}.workshop-title h1 span{color:#bb513c}.workshop-title .eyebrow{margin-bottom:14px}.workshop-title p:not(.eyebrow){margin-top:18px;color:var(--muted);font-size:19px}.welcome-fio{width:132px;height:132px;object-fit:contain}
.gallery-section{padding-block:8px 48px}.gallery-note{font-size:13px;color:var(--muted);margin-bottom:22px}.motif-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:920px}.motif-card{display:block;text-align:left;color:var(--ink);padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:white;transition:border-color .2s}.motif-card:hover{border-color:#507a65}.motif-preview{height:280px;padding:28px;background:#e4efe9;display:flex;justify-content:center}.motif-card:nth-child(2) .motif-preview{background:#eee9f1}.motif-preview img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.motif-caption{display:flex;justify-content:space-between;gap:12px;padding:20px 22px;align-items:center}.motif-caption strong{font-size:19px;font-weight:600;display:block}.motif-caption small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.motif-arrow{font-size:24px}
.editing .workshop-title{padding-block:24px 16px}.editing .workshop-title h1{font-size:26px}.editing .welcome-fio,.editing #intro-copy,.editing .workshop-title .eyebrow{display:none}.editor{padding-bottom:32px}.editor-heading{display:flex;align-items:center;gap:20px;margin-bottom:12px}.editor-heading h2{font-size:20px;line-height:1.3;flex:1}.document-actions{display:flex;gap:10px;align-items:center}.document-actions .button{min-height:44px;padding:9px 14px;font-size:13px}.text-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 4px;border:0;background:none;color:var(--ink);font-weight:600;font-size:14px}.text-action:hover{text-decoration:underline;text-underline-offset:4px}
.work-area{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;max-width:1000px;margin-inline:auto}.tools{display:flex;flex-direction:column;gap:24px;align-items:center;padding-top:4px}.tool-modes,.history-tools{display:flex;flex-direction:column;gap:6px}.tool-button{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:5px;flex-shrink:0}.tool-button:hover:not(:disabled){background:#e2ebe4}.tool-button[aria-pressed=true]{background:#c3e8d8;border-color:#396550}.tool-button:disabled{opacity:.35}.paper{position:relative;background:white;border:1px solid #cfdbd2;max-width:100%;width:var(--paper-width,720px);justify-self:center;align-self:start}.paper canvas{width:100%;height:auto;aspect-ratio:auto;touch-action:none;cursor:crosshair}.color-dock{grid-column:2;display:flex;flex-direction:column;gap:14px;padding:14px 0 0;border-top:1px solid var(--line)}.colors{display:flex;gap:6px;overflow-x:auto;padding:5px;scrollbar-width:thin}.color-chip{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--color);border:5px solid var(--paper);box-shadow:0 0 0 1px #ccd4cd;color:#fff;position:relative}.color-chip[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.color-chip[aria-pressed=true]::after{content:'✓';color:var(--check,#fff);font-size:20px;font-weight:bold;position:absolute;inset:0;display:grid;place-items:center}.color-options{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.custom-color{display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px}.custom-color input{width:44px;height:44px;border:1px solid var(--line);border-radius:4px;padding:3px;background:white;cursor:pointer}.size-label{display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px}.size-label input{width:90px;min-height:44px}.selection{font-size:12px;color:var(--muted);margin-left:auto}.load-status{font-size:14px;color:var(--muted)}.load-status:not(:empty){padding:20px 0}.work-status{min-height:25px;font-size:12px;color:var(--muted);padding-top:12px}.local-note{font-size:12px;color:var(--muted);padding-bottom:36px}.personal{border-top:1px solid var(--line);margin-top:20px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.personal p{font-size:14px}.personal a{font-size:13px}#keyboard-cursor{position:absolute;width:18px;height:18px;border:2px solid #182f24;box-shadow:0 0 0 2px white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
dialog{max-width:440px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:8px;padding:30px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#11271ed0}dialog h2{font-size:27px;line-height:1.2}dialog p{font-size:15px;color:var(--muted);margin-top:18px}.dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
@media(min-width:761px){.paper{max-height:none;width:min(var(--paper-width,720px),calc((100svh - 430px)*var(--paper-ratio,1.25)));min-width:320px}}
@media(max-width:760px){.workshop-title{padding-block:32px 20px;gap:10px}.workshop-title h1{font-size:32px}.welcome-fio{width:70px;height:70px;align-self:flex-start}.workshop-title p:not(.eyebrow){font-size:16px}.workshop-title{position:relative}.workshop-title>div{min-width:0}.workshop-title .eyebrow{font-size:10px}.motif-grid{gap:20px;grid-template-columns:1fr}.motif-preview{height:240px}.motif-caption strong{font-size:18px}.editing .workshop-title{padding-block:18px 12px}.editing .workshop-title h1{font-size:23px}.editor-heading{flex-wrap:wrap;gap:8px 12px}.editor-heading h2{font-size:16px}.document-actions{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:8px}.work-area{grid-template-columns:minmax(0,1fr);gap:10px}.tools{flex-direction:row;justify-content:space-between;padding:0;gap:6px}.tool-modes,.history-tools{flex-direction:row;gap:0}.tool-button{width:44px;height:44px}.color-dock{grid-column:1;padding-top:8px;gap:8px}.colors{gap:5px}.color-options{gap:8px 14px}.selection{width:100%;margin:0}.paper{width:100%}.personal{align-items:flex-start;flex-direction:column;gap:10px}.creative-page .wrap{width:calc(100% - 32px)}.local-note{font-size:11px}.creative-page .header{padding-inline:16px}}
@media(max-width:400px){.welcome-fio{display:none}.workshop-title h1{font-size:30px}.editor-heading h2{font-size:15px}.color-options{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.motif-card{transition:none}}