/* Operate surface: inherit DOGHEHE's copper terminal world; prioritize creating. */
.meme-workspace{border:1px solid var(--line);background:#100d0b;margin-bottom:42px;scroll-margin-top:24px}.workspace-title{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line)}.workspace-title h3{font:800 32px/1 var(--display);margin:0;letter-spacing:-.02em}.workspace-title>span{color:#c9a27f;font-size:10px}.editor-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:start}.meme-controls{padding:28px;border-right:1px solid var(--line);min-width:0}.meme-controls fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}.meme-controls legend,.editor-label{display:block;font-size:12px;font-weight:600;color:#f0decf;margin-bottom:12px}.dog-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dog-option{position:relative;min-width:0}.dog-option input,.segment-option input{position:absolute;opacity:0;width:1px;height:1px}.dog-option label{display:block;padding:4px;border:1px solid var(--line);cursor:pointer;min-height:44px}.dog-option img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;filter:saturate(.75)}.dog-option label span{display:block;padding:7px 2px 3px;font-size:9px;line-height:1.5;color:#c7b09a}.dog-option input:checked+label{border:2px solid var(--copper-light);padding:3px;background:#261a11}.dog-option input:checked+label span{color:#f1d2b5}.dog-option input:focus-visible+label,.segment-option input:focus-visible+label{outline:2px solid var(--focus);outline-offset:4px}.editor-group{margin-bottom:24px}.editor-label-row{display:flex;justify-content:space-between;gap:20px}.editor-label-row>span{font-size:10px;color:#bca38d}.meme-controls textarea,.meme-controls select{display:block;width:100%;background:#090807;border:1px solid #75604c;color:#f5e6d7;font:12px/1.7 var(--mono);padding:12px;resize:vertical;border-radius:0;caret-color:var(--copper-light)}.meme-controls textarea{min-height:82px;max-height:180px}.meme-controls select{min-height:48px;cursor:pointer}.meme-controls textarea:focus-visible,.meme-controls select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.editor-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.segment-options{display:flex;border:1px solid #75604c}.segment-option{flex:1;position:relative;min-width:0}.segment-option+ .segment-option{border-left:1px solid #75604c}.segment-option label{min-height:47px;display:flex;justify-content:center;align-items:center;padding:8px;font-size:11px;color:#bba38d;cursor:pointer}.segment-option input:checked+label{background:var(--copper);color:#100b07;font-weight:600}.font-size-label{display:flex;justify-content:space-between}.font-size-label output{color:var(--copper-light);font-variant-numeric:tabular-nums}.meme-controls input[type=range]{width:100%;accent-color:var(--copper);height:35px;cursor:pointer}.editor-checkboxes{display:flex;gap:20px;flex-wrap:wrap;margin:4px 0 25px}.editor-checkboxes label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:11px;cursor:pointer;color:#d0bba7}.editor-checkboxes input{accent-color:var(--copper);width:17px;height:17px}.editor-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-button{font:600 11px/1.5 var(--mono);min-height:48px;border:1px solid #8b6a4c;color:#ead6c3;background:transparent;padding:12px 16px;display:inline-flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;transition:background .18s,border-color .18s}.editor-button:hover{background:#2a1d12;border-color:var(--copper-light)}.editor-button.primary{background:var(--copper);color:#100c08;border-color:var(--copper)}.editor-button.primary:hover{background:var(--copper-light)}.editor-button:disabled{opacity:.45;cursor:wait}.editor-reset{border:0;background:none;color:#bda38c;font:10px var(--mono);padding:12px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.editor-caption-note{font-size:10px;color:#b49d87;line-height:1.8;margin:12px 0 0}.meme-stage{position:sticky;top:20px;padding:28px;min-width:0}.canvas-frame{width:100%;background:#090807;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-frame canvas{display:block;width:100%;height:auto;max-height:690px;object-fit:contain;background:#090807}.preview-info{font-size:10px;color:#c1a58c;padding:12px 0 18px;min-height:40px;margin:0}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-actions .primary{grid-column:1/-1;font-size:13px;min-height:54px}.meme-status{font-size:11px;line-height:1.8;color:#e2bd9a;min-height:42px;margin:18px 0 0;overflow-wrap:anywhere}.meme-status[data-kind=error]{color:#ffbc99}.retry-image{margin-top:8px}.editor-draft{font-size:10px;color:#b49d87;line-height:1.8;margin:4px 0 0}.daily-challenge{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px 28px;border-top:1px solid var(--line);background:#1b130d}.daily-challenge h4{font:700 23px var(--display);color:#e9d2bc;margin:0 0 7px}.daily-challenge p{font-size:12px;color:#c3a58a;margin:0;max-width:60ch}.daily-challenge .editor-button{flex:none}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:50px 0 22px}.gallery-heading h3{font:800 36px/1 var(--display);margin:0;color:#ead9c8}.gallery-heading p{font-size:11px;color:#bfa48d;max-width:45ch;margin:0}.meme-card-foot .edit-template{background:none;border:0;padding:0 10px;min-height:44px;color:#d9af8a;font:10px var(--mono);cursor:pointer}.meme-card-foot .edit-template:hover{color:var(--white)}.meme-card-foot>div{display:flex;gap:5px;align-items:center}.pack-share-callout{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:24px 28px;border:1px solid var(--line);border-top:0;margin-top:0;background:#100d0b}.pack-share-callout h3{font:700 28px var(--display);margin:0 0 6px}.pack-share-callout p{font-size:11px;color:#bda38b;margin:0;max-width:65ch}.pack-share-callout a{flex:none}.bark-quick-actions a{display:inline-flex;align-items:center;min-height:44px;padding:7px 9px;font-size:10px;color:#d7b18d;border:1px solid var(--line)}
@media(min-width:1200px){.meme-workspace{margin-inline:3%}}
@media(max-width:1000px){.editor-layout{grid-template-columns:minmax(280px,1fr) minmax(0,1.05fr)}.meme-controls,.meme-stage{padding:22px}.editor-pair{grid-template-columns:1fr;gap:0}.editor-checkboxes{gap:12px}.editor-buttons{grid-template-columns:1fr}.meme-controls textarea{font-size:12px}.daily-challenge{padding:22px}}
@media(max-width:700px){.workspace-title{padding:18px;align-items:flex-start;flex-direction:column;gap:10px}.workspace-title h3{font-size:30px}.workspace-title>span{font-size:9px}.editor-layout{display:flex;flex-direction:column}.meme-stage{order:0;position:relative;top:auto;padding:18px;width:100%;border-bottom:1px solid var(--line)}.canvas-frame{min-height:170px}.canvas-frame canvas{width:auto;max-width:100%;height:auto;max-height:42svh;object-fit:contain}.meme-controls{order:1;border-right:0;padding:22px 18px;width:100%}.meme-controls textarea{font-size:16px;min-height:88px}.meme-controls select{font-size:14px}.editor-label{font-size:12px}.dog-option label span{font-size:10px}.editor-pair{grid-template-columns:1fr 1fr;gap:14px}.editor-checkboxes{gap:20px}.editor-buttons{grid-template-columns:1fr 1fr}.editor-button{padding:11px 12px;font-size:11px}.preview-info{font-size:10px;padding-block:10px}.export-actions{gap:8px}.export-actions .primary{font-size:12px;min-height:50px}.meme-status{font-size:11px;margin-top:14px;min-height:38px}.daily-challenge{padding:22px 18px;display:block}.daily-challenge .editor-button{margin-top:18px}.gallery-heading{display:block;margin-top:40px}.gallery-heading p{margin-top:14px;max-width:50ch;font-size:12px}.pack-share-callout{padding:22px;display:block}.pack-share-callout .editor-button{margin-top:20px}.pack-share-callout p{font-size:12px}}
@media(max-width:370px){.editor-pair{grid-template-columns:1fr;gap:0}.editor-buttons{grid-template-columns:1fr}.export-actions{grid-template-columns:1fr}.export-actions .primary{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.editor-button{transition:none}}

[hidden]{display:none!important}

.editor-mobile-jump{display:none}#memeControls,#memePreview{scroll-margin-top:20px}@media(max-width:700px){.editor-mobile-jump{display:flex;align-items:center;min-height:44px;margin-bottom:12px;color:var(--copper-light);font-size:10px}}