@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--container-max-width:1200px;--container-padding:var(--spacing-xl);--mobile-padding:16px;--mobile-font-size:14px;--mobile-h1-size:28px;--mobile-h2-size:20px;--mobile-h3-size:18px;--mobile-button-height:44px;--mobile-input-height:44px;--tablet-padding:24px;--tablet-font-size:16px;--tablet-h1-size:36px;--tablet-h2-size:24px;--tablet-h3-size:20px;--desktop-padding:40px;--desktop-font-size:18px;--desktop-h1-size:50px;--desktop-h2-size:28px;--desktop-h3-size:22px;--color-primary:#8b5cf6;--color-primary-light:#a78bfa;--color-primary-dark:#7c3aed;--color-secondary:#10b981;--color-secondary-light:#34d399;--color-accent:#f59e0b;--color-bg-primary:#fafafa;--color-bg-secondary:#f5f3ff;--color-bg-card:#fff;--color-text-primary:#1f2937;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-border-focus:#8b5cf6;--color-input-bg:#f9fafb;--color-input-border:#e5e7eb;--color-input-focus:#fff;--color-output-bg:#efeee7;--color-output-border:#d6d6d6;--color-output-focus:#fff;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--content-font-size:16px;--content-line-height:1.4;--content-padding:var(--spacing-md) var(--spacing-lg)}*{font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter;box-sizing:border-box;margin:0;padding:0}header{display:flex;align-items:center;justify-content:center;padding-top:var(--spacing-3xl);margin-bottom:var(--spacing-2xl)}.storygenerator-header{width:100%;padding:20px 40px}.storygenerator-header-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:10px}.storygenerator-account-section{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.storygenerator-header-bottom{margin-top:10px}.storygenerator-button-spacer{flex:1}.storygenerator-projects-button,.storygenerator-signout{padding:8px 16px;border:2px solid #000;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05);white-space:nowrap;width:fit-content;background-color:#fff;color:#000}.storygenerator-projects-button:hover,.storygenerator-signout:hover{background-color:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.storygenerator-logo-container{display:flex;justify-content:center;align-items:center;flex:1}.storygenerator-save-indicator-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:8px}.storygenerator-welcome{font-size:14px;white-space:nowrap;text-align:right}.storygenerator-save-indicator{font-size:13px;min-width:80px}.storygenerator-logo{height:60px}hr{border-color:#000;background-color:#000;height:3px}.topSpacer{margin-top:var(--spacing-xl)}.bottomSpacer{margin-top:var(--spacing-md)}body{line-height:1.6;color:var(--color-text-primary);background-color:#e4d6ea;padding:0;min-height:100vh}.container{max-width:var(--container-max-width);margin:0 auto;padding:var(--mobile-padding);background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(139,92,246,.3)}@media (min-width:481px){.container{padding:var(--tablet-padding)}}@media (min-width:1025px){.container{padding:var(--desktop-padding)}}.mobile-full-width{width:100%}@media (min-width:769px){.mobile-full-width{width:auto}}.mobile-stack{display:flex;flex-direction:column}@media (min-width:769px){.mobile-stack{flex-direction:row}}.mobile-hide{display:none}@media (min-width:769px){.mobile-hide{display:block}}.mobile-hide-inline{display:none}@media (min-width:769px){.mobile-hide-inline{display:inline}}.mobile-hide-flex{display:none}@media (min-width:769px){.mobile-hide-flex{display:flex}}.mobile-show{display:block}@media (min-width:769px){.mobile-show{display:none}}.mobile-show-inline{display:inline}@media (min-width:769px){.mobile-show-inline{display:none}}.mobile-show-flex{display:flex}@media (min-width:769px){.mobile-show-flex{display:none}}.touch-target{min-height:var(--mobile-button-height);min-width:var(--mobile-button-height);padding:12px 16px}.button-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-base);align-items:center}.button-container button{flex-grow:1;width:15%}h1{text-align:center;margin-bottom:var(--spacing-xl);color:#2c3e50;font-size:var(--mobile-h1-size)}@media (min-width:481px){h1{font-size:var(--tablet-h1-size)}}@media (min-width:1025px){h1{font-size:var(--desktop-h1-size)}}.input-group{margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(139,92,246,.3);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}@media (max-width:768px){.input-group{padding:var(--spacing-base);margin-bottom:var(--spacing-lg)}}.input-group:hover{box-shadow:var(--shadow-md);border-color:rgba(139,92,246,.5);transform:translateY(-1px);transition:all var(--transition-base)}.input-group h2{font-size:18px;margin-bottom:var(--spacing-lg);color:var(--color-text-primary);font-weight:600;letter-spacing:-.01em}.input-group div{display:flex;margin-bottom:var(--spacing-base);align-items:center;justify-content:center}.short-inputs{display:flex;flex-direction:column;padding-top:var(--spacing-lg)}.short-inputs div{width:100%}.short-inputs input[type=text],select,textarea{width:40%}label{display:block;margin-bottom:var(--spacing-base);font-weight:700;color:#34495e;white-space:pre-wrap}input[type=text],select,textarea{width:50%;padding:var(--spacing-base) var(--spacing-lg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);font-size:var(--tablet-font-size);text-align:center;background-color:hsla(53,20%,92%,.7);transition:all var(--transition-base);color:var(--color-text-primary);box-shadow:var(--shadow-sm);min-height:var(--mobile-input-height)}@media (max-width:480px){input[type=text],select,textarea{font-size:var(--mobile-font-size);width:100%}}@media (min-width:1025px){input[type=text],select,textarea{font-size:var(--desktop-font-size)}}input[type=text]::placeholder,select,textarea::placeholder{color:var(--color-text-muted);font-weight:500}input[type=text]:hover,select:hover,textarea:hover{border-color:var(--color-text-secondary);box-shadow:var(--shadow-md)}input[type=text]:focus,select:focus,textarea:focus{outline:none;background-color:var(--color-input-focus);border:2px solid var(--color-border-focus);box-shadow:0 0 0 3px rgba(139,92,246,.1);transform:translateY(-1px)}input[type=email],input[type=password]{width:50%;padding:var(--spacing-base) var(--spacing-lg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);font-size:var(--tablet-font-size);text-align:center;background-color:var(--color-input-bg);transition:all var(--transition-base);font-weight:500;display:block;margin-left:auto;margin-right:auto;margin-top:var(--spacing-base);margin-bottom:var(--spacing-base);color:var(--color-text-primary);box-shadow:var(--shadow-sm);min-height:var(--mobile-input-height)}@media (max-width:480px){input[type=email],input[type=password]{font-size:var(--mobile-font-size);width:100%}}@media (min-width:1025px){input[type=email],input[type=password]{font-size:var(--desktop-font-size)}}input[type=email]::placeholder,input[type=password]::placeholder{color:var(--color-text-muted);font-weight:500}input[type=email]:hover,input[type=password]:hover{border-color:var(--color-text-secondary);box-shadow:var(--shadow-md)}input[type=email]:focus,input[type=password]:focus{outline:none;background-color:var(--color-input-focus);border:2px solid var(--color-border-focus);box-shadow:0 0 0 3px rgba(139,92,246,.1);transform:translateY(-1px)}button{display:block;width:25%;padding:var(--spacing-md) var(--spacing-xl);margin-top:var(--spacing-base);margin-left:auto;margin-right:auto;background:#fff;border:1px solid #000;border-radius:var(--radius-md);font-size:var(--tablet-font-size);font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);letter-spacing:.01em;min-height:var(--mobile-button-height)}@media (max-width:480px){button{font-size:var(--mobile-font-size);width:100%}}@media (min-width:1025px){button{font-size:var(--desktop-font-size)}}.outline-button button{height:100px}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border-focus)}button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}button:disabled{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.6;transform:none!important}.input-group .media-type-buttons{justify-content:space-between;gap:var(--spacing-base);width:100%;max-width:800px;margin:0 auto}.center-container,.input-group .media-type-buttons{display:flex;align-items:center;justify-content:center}.center-container{margin:0;padding:var(--spacing-base) 0}@media (max-width:768px){.center-container{padding:var(--spacing-sm) 0;height:auto}}.media-type-buttons{display:flex;justify-content:space-evenly;gap:var(--spacing-base);width:100%;max-width:800px;margin:0 auto;align-items:center;justify-content:center}.media-type-buttons .button{flex-grow:1;text-align:center}.media-type-buttons button{background-color:#fff;color:#000;border:1px solid #000;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font-weight:600;transition:all var(--transition-base)}.media-type-buttons .media-button-selected{background-color:#1b191a;color:#fff;border:1px solid #1b191a}.results{position:relative;margin-top:var(--spacing-2xl);margin-left:auto;margin-right:auto;background-color:var(--color-output-bg);border:2px solid var(--color-output-border);border-radius:var(--radius-md);width:100%;padding:var(--spacing-md);box-shadow:var(--shadow-sm)}@media (max-width:768px){.results{padding:var(--spacing-sm)}}.results:hover{border-color:rgba(139,92,246,.5);box-shadow:var(--shadow-lg)}.results label{padding-top:40px;padding-bottom:40px;margin:auto;width:90%;font-size:18px}.copy-button{position:relative;width:50px;top:1px;left:1px;background:none;border:none;cursor:pointer;font-size:12px;color:#414141;padding:0}.copy-button:disabled{visibility:hidden;cursor:not-allowed}.copy-button svg{width:30px;height:30px}.thumbs-down-button,.thumbs-up-button{position:relative;width:50px;top:1px;left:1px;background:none;border:none;cursor:pointer;font-size:11px;color:#414141;padding:0}.thumbs-down-button:disabled,.thumbs-up-button:disabled{visibility:hidden;cursor:not-allowed}.thumbs-down-button svg,.thumbs-up-button svg{width:25px;height:25px}.follow-up-div{padding-top:10px;margin:auto;width:50%}.follow-up-div textarea{height:100%;width:100%;padding:var(--content-padding);font-size:var(--content-font-size);line-height:var(--content-line-height);font-family:inherit}.category-change{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.category-change-content{background:#fff;padding:20px;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center}.category-change-content p{text-align:center;font-size:15px;margin:0 0 15px}.category-change-buttons{display:flex;justify-content:center;margin-top:15px;width:100%}.category-change-content button{margin:0 5px;padding:4px;cursor:pointer}.actions-container{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);padding-left:0}.three-dot-menu{cursor:pointer;background:none;border:none;width:50px;top:1px;left:1px;font-size:25px;color:#414141;padding:0}.three-dot-menu:disabled{visibility:hidden;cursor:not-allowed}.storygenerator-footer-button{padding:8px 16px;border:2px solid #000;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05);white-space:nowrap;width:fit-content;background-color:#fff;color:#000}.storygenerator-footer-button:hover:not(:disabled){background-color:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.menu{position:absolute;background-color:#fff;border:2px solid rgba(139,92,246,.3);border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-lg);margin-top:50px;margin-left:40px}.menu,.menu button{transition:all var(--transition-base)}.menu button{display:block;padding:8px 12px;width:100%;text-align:left;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-primary)}.menu button:hover{background-color:rgba(139,92,246,.1);color:var(--color-primary);transform:translateX(2px)}.dropdown-container{display:flex;flex-direction:column;padding-top:var(--spacing-base)}.dropdown-container select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid #000;border-radius:var(--radius-md);font-size:16px;font-weight:600;background-color:#e4d6ea;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='black' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.dropdown-container.genre-dropdown select{width:auto;min-width:400px;max-width:100%}@media (max-width:768px){.dropdown-container.genre-dropdown select{width:100%;min-width:auto}}.dropdown-container.platform-dropdown select{width:auto;min-width:180px;max-width:100%}@media (max-width:768px){.dropdown-container.platform-dropdown select{width:100%;min-width:auto}}.dropdown-container.takes-dropdown select{width:auto;min-width:140px;max-width:100%}@media (max-width:768px){.dropdown-container.takes-dropdown select{width:100%;min-width:auto}}.dropdown-container.subgenre-dropdown select{width:auto;min-width:320px;max-width:100%}@media (max-width:768px){.dropdown-container.subgenre-dropdown select{width:100%;min-width:auto}}.custom-rules-container{display:flex;flex-direction:column;align-items:center;width:100%}.custom-rules-counter{margin-top:5px;font-size:12px;color:#4a4a4a;text-align:right;padding-right:10px;width:50%;max-width:50%;box-sizing:border-box}.dropdown-container select:hover{border-color:#414141;box-shadow:var(--shadow-md);transform:translateY(-1px);background-color:#d9c7e0}.dropdown-container select:focus{outline:none;border:2px solid var(--color-border-focus);box-shadow:0 0 0 3px rgba(139,92,246,.1);transform:translateY(-1px)}.dropdown-container select option{background-color:#efeee7;color:#000}.dropdown-container select option:hover{background-color:#000;color:#fff}.followup-button-container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px;padding:5px;width:100%;box-sizing:border-box}.followup-button-container button{flex:1 1 calc(25% - 10px);min-width:120px;max-width:200px;padding:6px;text-align:center;border:1px solid #000;border-radius:4px;cursor:pointer;background:#fff;color:#000;transition:all .3s ease}.followup-button-container button:hover{background:#000;color:#fff}.followup-button-container button:disabled{background:#ccc;cursor:not-allowed}@media (max-width:480px){.container{padding:var(--mobile-padding);max-width:100%}h1{font-size:var(--mobile-h1-size)}.input-group h2{font-size:var(--mobile-h3-size)}.input-group div{flex-direction:column;align-items:flex-start}.short-inputs input[type=text],select,textarea{width:100%}button,input[type=text],select,textarea{width:100%;font-size:var(--mobile-font-size)}button{min-height:var(--mobile-button-height)}.button-container button{width:100%;margin-bottom:10px}.input-group .media-type-buttons{width:100%}.media-type-buttons{flex-direction:column;width:100%;align-items:center;padding-bottom:15px;margin-bottom:15px}.media-type-buttons button{width:100%;min-height:var(--mobile-button-height)}.input-group>div:has(textarea){margin-top:var(--spacing-lg)}.short-inputs{padding-top:5px}.input-group>div{margin-bottom:20px!important}.input-group>div:last-child{margin-bottom:0!important}.input-group .genre-dropdown,.input-group .platform-dropdown,.input-group .takes-dropdown,.input-group textarea{margin-bottom:20px!important}.results{width:100%;padding:var(--spacing-sm)}.custom-rules-counter{width:100%;padding-right:10px}.follow-up-div{width:100%}.dropdown-container select{width:100%;min-height:var(--mobile-input-height);font-size:var(--mobile-font-size)}}@media (min-width:481px) and (max-width:768px){.container{padding:var(--tablet-padding)}h1{font-size:var(--tablet-h1-size)}.input-group h2{font-size:var(--tablet-h3-size)}button{min-height:var(--mobile-button-height)}.dropdown-container select,button,input[type=text],select,textarea{font-size:var(--tablet-font-size)}.dropdown-container select{min-height:var(--mobile-input-height)}}.feedback-popup-simple{position:absolute;background-color:var(--color-primary);color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:.625rem;white-space:nowrap;box-shadow:var(--shadow-md);border:1px solid rgba(139,92,246,.5);z-index:10;right:-100px;top:-30px;opacity:0;animation:fadeInOut 2s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.comment-box{max-width:250px;min-width:200px;background-color:var(--color-output-bg);border:2px solid var(--color-output-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-base);position:absolute;z-index:1000;font-size:var(--content-font-size);line-height:var(--content-line-height);font-family:inherit;transition:all var(--transition-base)}.comment-box:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-lg)}.comment-box textarea{width:100%;resize:none;padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0;font-size:var(--content-font-size);line-height:var(--content-line-height);font-family:inherit;border:2px solid var(--color-input-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);transition:all var(--transition-base)}.comment-box textarea:focus{outline:none;border:2px solid var(--color-border-focus);box-shadow:0 0 0 3px rgba(139,92,246,.1);background-color:var(--color-input-focus)}.comment-box button{background-color:#fff;color:#000;border:1px solid #000;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;min-width:0;width:100%;transition:all var(--transition-base);font-weight:600}.comment-box .button-group{display:flex;gap:8px;margin-top:8px}.comment-box button:hover{background-color:#000;color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.comment-box:before{content:"";position:absolute;top:12px;left:-10px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:10px solid #444}.comment-box .close-comment{position:absolute;top:6px;right:8px;font-size:18px;color:#4a4a4a;cursor:pointer;line-height:1;z-index:1001}.comment-box .close-comment:hover{font-weight:700;color:#d32f2f}.comment-box .comment-body{margin:0;padding:0;color:var(--color-text-primary);font-size:var(--content-font-size);line-height:var(--content-line-height);white-space:pre-wrap}@media (max-width:768px){.comment-box{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-width:none;margin:12px 0}.comment-box:before{display:none}}.results-content{padding:var(--spacing-lg);margin:auto;width:98%;font-size:var(--content-font-size);line-height:var(--content-line-height);font-weight:400;white-space:pre-wrap;font-family:inherit;background-color:var(--color-output-bg);border:2px solid var(--color-output-border);border-radius:var(--radius-md);user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}@media (max-width:768px){.results-content{padding:var(--spacing-md);width:96%}}@media (max-width:480px){.results-content{padding:var(--spacing-sm);width:95%}}mark{background-color:#ff0;font-weight:700;transition:background-color .2s ease}.comment-warning-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:9999}.comment-warning-modal{background:#fff;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);padding:20px;max-width:400px;text-align:center;box-shadow:var(--shadow-xl)}.comment-input-panel-right{position:absolute;right:-320px;width:300px;background:#fff;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-lg);z-index:100}.comment-input-panel-right .comment-input-header{font-size:12px;color:#666;margin-bottom:8px;font-weight:500}.comment-input-panel-right textarea{width:100%;min-height:80px;padding:8px;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:14px;font-family:inherit;resize:vertical;margin-bottom:8px}.comment-input-panel-right .button-group{display:flex;gap:8px;justify-content:flex-end}.comment-input-panel-right .button-group button{padding:6px 12px;font-size:13px}.comments-panel{position:absolute;right:-320px;top:0;width:300px;background:#fff;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-lg);z-index:99;max-height:80vh;overflow-y:auto}.comments-panel h4{font-size:14px;font-weight:600;margin:0 0 12px;color:#333}.comment-item{padding:10px;margin-bottom:10px;border:1px solid #e0e0e0;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.comment-item:hover{border-color:rgba(139,92,246,.5);background-color:#f9f9f9}.comment-item.active{border-color:var(--color-primary);background-color:#f0f0ff}.comment-item .comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.comment-item .comment-section{font-size:11px;font-weight:600;color:#666;text-transform:uppercase}.comment-item .close-comment{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1}.comment-item .close-comment:hover{color:#333}.comment-item .comment-snippet{font-size:12px;color:#666;font-style:italic;margin-bottom:6px}.comment-item .comment-body{font-size:13px;color:#333;margin:0;line-height:1.4}@media (max-width:1200px){.comment-input-panel-right,.comments-panel{right:10px;width:280px}}@media (max-width:768px){.comment-input-panel-right,.comments-panel{position:fixed;right:10px;left:10px;width:auto;max-width:400px;margin:0 auto}}.generate-outline-container{text-align:center;margin:20px 0;padding:20px}.generate-outline-button{font-size:18px;padding:15px 30px;border-radius:var(--radius-md);font-weight:700;min-width:250px;background-color:#fff;color:#000;border:1px solid #000;transition:all .3s ease}.generate-outline-button:hover:not(:disabled){background-color:#000;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.generate-outline-button:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.loading-takes{text-align:center;padding:30px;background-color:#fff;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);margin:20px 0;box-shadow:var(--shadow-sm)}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid rgba(139,92,246,.2);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.loading-spinner.small{width:18px;height:18px;border-width:2px;margin-bottom:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.takes-container{margin:16px auto 12px;padding:12px 14px 14px;border:2px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);background-color:#fff;box-shadow:var(--shadow-md);width:100%;max-width:100%;height:auto;overflow:visible;transition:all var(--transition-base)}.takes-container:hover{border-color:rgba(139,92,246,.5);box-shadow:var(--shadow-lg)}.takes-header-row{display:flex;align-items:center;justify-content:center;gap:10px}.header-action,.takes-header-row h3{margin:0}.takes-container h3{color:var(--color-text-primary);margin-bottom:8px;font-size:1.4em;text-align:center}.takes-container p{text-align:center;margin-bottom:10px;color:#4a4a4a;font-style:italic;font-size:.95em}.takes-subtext{margin-top:6px;margin-bottom:8px!important}.takes-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0 0;grid-auto-rows:minmax(0,auto)}.takes-grid:has(.take-option:only-child){justify-content:center;grid-template-columns:minmax(300px,48%)}@media (min-width:769px){.takes-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}.takes-grid:has(.take-option:only-child){justify-content:center;grid-template-columns:minmax(300px,48%)}}@media (min-width:1025px){.takes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.takes-grid:has(.take-option:only-child){justify-content:center;grid-template-columns:minmax(300px,48%)}}.take-option{padding:10px;border:2px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);transition:all var(--transition-base);background-color:#fff;position:relative;min-height:400px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.take-option:hover{border-color:rgba(139,92,246,.6);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.take-option.selected{border-color:var(--color-primary);background-color:rgba(139,92,246,.05);box-shadow:0 0 0 3px rgba(139,92,246,.1),var(--shadow-lg)}.take-option.selected:before{content:"✓";position:absolute;top:10px;right:15px;background-color:var(--color-primary);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:var(--shadow-md)}.take-option h4{margin:0 0 6px;color:#333;font-size:.95em;font-weight:600}.take-option textarea{flex:1 1 auto;width:100%;resize:vertical;border:2px solid var(--color-output-border);border-radius:var(--radius-md);padding:var(--content-padding);font-size:var(--content-font-size);line-height:var(--content-line-height);font-family:inherit;background-color:var(--color-output-bg);min-height:300px;transition:all var(--transition-base)}.take-option textarea:hover{border-color:var(--color-text-secondary);box-shadow:var(--shadow-md)}.take-option textarea:focus{outline:none;background-color:var(--color-output-focus);border:2px solid var(--color-border-focus);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.take-actions-row{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:12px}.take-actions-row .primary-button,.take-actions-row .secondary-button{width:auto;padding:8px 16px;font-size:14px;margin-top:0;border-radius:6px;font-weight:700;transition:all .3s ease;border:2px solid #000}.take-actions-row .secondary-button{background-color:#e5e7eb;color:#4a4a4a;border:1px solid #9ca3af}.take-actions-row .secondary-button:hover{background-color:#d1d5db;color:#1f2937;transform:translateY(-1px)}.take-actions-row .primary-button{background-color:#fff;color:#000;border:1px solid #000}.take-actions-row .primary-button:hover:not(:disabled){background-color:#000;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.take-actions-row .primary-button:disabled{background-color:#ccc;color:#4a4a4a;border-color:#999;cursor:not-allowed;transform:none;box-shadow:none}.takes-actions{display:flex;gap:20px;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #ddd}.primary-button,.secondary-button{padding:12px 24px;border:1px solid #000;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease}.secondary-button{background-color:#e5e7eb;color:#4a4a4a;border-color:#9ca3af}.secondary-button:hover{background-color:#d1d5db;color:#1f2937;transform:translateY(-1px)}.primary-button{background-color:#fff;color:#000;border-color:#000;position:relative;overflow:hidden}.primary-button:hover:not(:disabled){background-color:#000;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.primary-button:disabled{background-color:#ccc;color:#4a4a4a;border-color:#999;cursor:not-allowed;transform:none;box-shadow:none}.generation-status{margin:20px auto;padding:16px;background-color:#fff;border:2px dashed #999;border-radius:10px;width:85%}.generation-status-header{display:flex;gap:10px;align-items:center;margin-bottom:8px}.generation-status h3{margin:0}.selected-take-preview{background:#f9f9f9;border-left:4px solid #007bff;padding:10px 12px;margin:8px 0 10px}.generation-status .hint{color:#4a4a4a;font-size:.9em}@media (max-width:768px){.takes-grid{grid-template-columns:1fr}.takes-actions{flex-direction:column;gap:10px}.primary-button,.secondary-button{width:100%;min-height:var(--mobile-button-height)}}.story-area-input-notes-container{margin:var(--spacing-2xl) auto;padding:var(--spacing-xl);border:1px solid rgba(139,92,246,.3);border-radius:12px;background-color:#fff;box-shadow:0 4px 6px rgba(139,92,246,.12);width:100%;max-width:var(--container-max-width)}.story-area-input-notes-container h3{color:var(--color-primary);margin-bottom:var(--spacing-base);font-size:1.4em;text-align:center;margin-top:0}.story-area-input-notes-container .story-area-subtext{text-align:center;margin-bottom:var(--spacing-base);color:#666;font-style:italic;font-size:.95em}.story-area-input-notes-container textarea{width:100%;padding:var(--content-padding);border:2px solid var(--color-input-border);border-radius:var(--radius-md);font-size:var(--content-font-size);line-height:var(--content-line-height);font-family:inherit;background-color:var(--color-input-bg);resize:vertical;transition:all var(--transition-base)}.story-area-input-notes-container textarea:hover{border-color:var(--color-text-secondary);box-shadow:var(--shadow-md)}.story-area-input-notes-container textarea:focus{outline:none;background-color:var(--color-input-focus);border:2px solid var(--color-border-focus);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.story-area-notes-container{margin:var(--spacing-2xl) auto;padding:var(--spacing-xl);border:1px solid #007bff;border-radius:12px;background-color:#f0f6ff;box-shadow:0 4px 6px rgba(0,123,255,.12);width:100%;max-width:var(--container-max-width);transition:all var(--transition-base)}.story-area-notes-container:hover{box-shadow:0 6px 12px rgba(0,123,255,.2);border-color:#0056b3}.story-area-notes-container h3{color:#007bff;margin-bottom:var(--spacing-base);font-size:1.4em;text-align:center;margin-top:0}.story-area-notes-container .story-area-subtext{text-align:center;margin-bottom:var(--spacing-base);color:#666;font-style:italic;font-size:.95em}.story-area-textarea{width:100%;padding:var(--content-padding);border:2px solid var(--color-output-border);border-radius:var(--radius-md);font-size:var(--content-font-size);line-height:var(--content-line-height);font-family:inherit;background-color:var(--color-output-bg);resize:vertical;margin-bottom:var(--spacing-base);transition:all var(--transition-base)}.story-area-textarea:hover{border-color:var(--color-text-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.story-area-textarea:focus{outline:none;background-color:var(--color-output-focus);border:2px solid var(--color-border-focus);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.story-area-editor-wrapper{width:90%;margin:0 auto var(--spacing-base) auto;max-width:var(--container-max-width)}.story-area-toolbar{display:flex;justify-content:flex-start;align-items:center;padding:8px 12px;background-color:#f5f5f5;border:1px solid #d6d6d6;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;flex-wrap:wrap;gap:8px}.story-area-toolbar-buttons{display:flex;gap:4px;flex-wrap:wrap}.story-area-toolbar button{padding:4px 8px;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#000;cursor:pointer;font-size:14px;transition:all var(--transition-base)}.story-area-toolbar button:hover:not(:disabled){background-color:#f0f0f0;border-color:#999}.story-area-toolbar button:disabled{opacity:.5;cursor:not-allowed}.undo-redo-buttons-group{display:flex;gap:0}.undo-redo-button{display:flex;align-items:center;justify-content:center;gap:3px;padding:6px 12px;min-width:fit-content;font-size:12px;margin:0;min-height:44px;height:44px}.undo-button{border-top-right-radius:0;border-bottom-right-radius:0}.redo-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.undo-redo-arrow{font-size:16px}.undo-redo-arrow,.undo-redo-text{line-height:1;display:inline-block}.undo-redo-text{font-size:10px}.version-control-buttons-group{display:flex;gap:0;margin-left:4px}.snapshot-button{border-top-right-radius:0;border-bottom-right-radius:0}.snapshot-button,.version-history-button{padding:6px 16px;font-size:13px;margin:0;min-width:140px;white-space:normal;line-height:1.3;height:auto;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}.version-history-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.version-selector{display:inline-block;margin-left:4px}.version-select{padding:4px 8px;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#000;font-size:13px;cursor:pointer;transition:all var(--transition-base)}.version-select:hover:not(:disabled){background-color:#f0f0f0;border-color:#999}.version-select:disabled{opacity:.5;cursor:not-allowed}.version-history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.version-history-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);width:90%;max-width:1200px;height:85vh;max-height:800px;display:flex;flex-direction:column;overflow:hidden}.version-history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.version-history-modal-header h2{margin:0;font-size:20px;font-weight:500;color:#202124}.version-history-close-button{background:none;border:none;font-size:28px;color:#5f6368;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.version-history-close-button:hover{background-color:#f1f3f4}.version-history-content{display:flex;flex:1;overflow:hidden}.version-history-sidebar{width:300px;border-right:1px solid #e0e0e0;overflow-y:auto;background-color:#f8f9fa;flex-shrink:0}.version-history-list{padding:8px 0}.version-history-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #e8eaed;transition:background-color .15s;background-color:#fff}.version-history-item:hover{background-color:#f1f3f4}.version-history-item.selected{background-color:#e8f0fe;border-left:3px solid #1a73e8}.version-history-item-header{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.version-history-item-title{font-size:14px;font-weight:500;color:#202124}.version-history-item-date{font-size:12px;color:#5f6368}.version-history-item-meta{font-size:12px;color:#80868b;margin-top:4px}.version-history-preview{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.version-history-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.version-history-preview-header h3{margin:0 0 4px;font-size:16px;font-weight:500;color:#202124}.version-history-preview-date{margin:0;font-size:13px;color:#5f6368}.restore-version-button{padding:8px 16px;font-size:14px;font-weight:500}.version-history-preview-content{flex:1;overflow-y:auto;padding:24px}.version-history-preview-text{font-family:inherit;font-size:14px;line-height:1.6;color:#202124;max-width:800px;margin:0 auto}.version-history-preview-text p{margin:0 0 12px}.version-history-preview-text p:last-child{margin-bottom:0}.version-history-preview-text h1,.version-history-preview-text h2,.version-history-preview-text h3{margin:16px 0 8px;font-weight:600;color:#202124}.version-history-preview-text h1{font-size:20px}.version-history-preview-text h2{font-size:18px}.version-history-preview-text h3{font-size:16px}.version-history-preview-text ol,.version-history-preview-text ul{margin:8px 0;padding-left:24px}.version-history-preview-text li{margin:4px 0}.version-name-edit-controls{width:100%}.version-name-input{width:100%;padding:6px 8px;border:1px solid #dadce0;border-radius:4px;font-size:14px;font-family:inherit;margin-bottom:8px}.version-name-input:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px rgba(26,115,232,.1)}.version-name-edit-buttons{display:flex;gap:4px;justify-content:flex-end}.version-name-cancel-button,.version-name-save-button{background:none;border:none;padding:4px 8px;cursor:pointer;font-size:16px;border-radius:4px;transition:background-color .15s}.version-name-save-button{color:#1a73e8}.version-name-save-button:hover{background-color:#e8f0fe}.version-name-cancel-button{color:#5f6368}.version-name-cancel-button:hover{background-color:#f1f3f4}.version-name-edit-icon{background:none;border:none;padding:4px 6px;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .15s;border-radius:4px}.version-name-edit-icon:hover{opacity:1;background-color:#f1f3f4}.version-name-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.version-name-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);width:100%;max-width:500px;padding:24px}.version-name-dialog h3{margin:0 0 8px;font-size:20px;font-weight:500;color:#202124}.version-name-dialog-input{width:100%;padding:12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;font-family:inherit;margin-bottom:20px;box-sizing:border-box}.version-name-dialog-input:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px rgba(26,115,232,.1)}.version-name-dialog-buttons{display:flex;justify-content:flex-end;gap:12px}@media (max-width:768px){.version-history-modal{width:95%;height:90vh}.version-history-content{flex-direction:column}.version-history-sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid #e0e0e0}.version-history-preview-header{flex-direction:column;align-items:flex-start;gap:12px}.restore-version-button{width:100%}}.story-area-toolbar-stats{display:flex;gap:12px;align-items:center;font-size:12px;color:#666}.story-area-editor-content{border:1px solid #d6d6d6;border-top:none;border-bottom:none;background-color:#efeee7}.story-area-footer{display:flex;justify-content:flex-end;align-items:center;padding:8px 12px;background-color:#f5f5f5;border:1px solid #d6d6d6;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.story-area-footer-stats{display:flex;gap:12px;align-items:center;font-size:12px;color:#666}.story-area-tiptap-editor{min-height:400px;padding:15px 20px;font-family:inherit;font-size:16px;line-height:1.6;outline:none}.story-area-tiptap-editor p{margin:0 0 .5em}.story-area-tiptap-editor p:last-child{margin-bottom:0}.story-area-tiptap-editor h1,.story-area-tiptap-editor h2,.story-area-tiptap-editor h3{font-weight:600;margin:1em 0 .5em;line-height:1.3}.story-area-tiptap-editor h1{font-size:1.5em}.story-area-tiptap-editor h2{font-size:1.25em}.story-area-tiptap-editor h3{font-size:1.1em}.story-area-tiptap-editor ol,.story-area-tiptap-editor ul{padding-left:1.5rem;margin:.5em 0}.story-area-tiptap-editor li{margin-bottom:.25em}.story-area-tiptap-editor strong{font-weight:600}.story-area-tiptap-editor em{font-style:italic}.story-area-tiptap-editor .is-empty:before{content:attr(data-placeholder);float:left;color:#999;pointer-events:none;height:0}.story-area-reset-container{text-align:center;padding-top:12px}.story-area-reset-button{padding:8px 16px;font-size:14px}.story-area-history-panel{margin:0 20px 20px;padding:16px;background-color:#fff;border:1px solid #d6d6d6;border-radius:8px;max-height:400px;overflow-y:auto}.story-area-history-list{display:flex;flex-direction:column;gap:12px}.story-area-history-item{padding:12px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;transition:all var(--transition-base)}.story-area-history-item:hover{border-color:#8b5cf6;box-shadow:0 2px 4px rgba(139,92,246,.1)}.generate-story-area-button{display:block;margin:0 auto;background-color:#fff;color:#000;padding:15px 30px;border:1px solid #000;border-radius:var(--radius-md);cursor:pointer;font-size:18px;font-weight:700;transition:all .3s ease;min-width:250px}.generate-story-area-button:hover:not(:disabled){background-color:#000;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.generate-story-area-button:disabled{background-color:#ccc;color:#666;border-color:#999;cursor:not-allowed;transform:none;box-shadow:none}.story-area-loading{margin-top:var(--spacing-base);text-align:center;color:#666;font-size:14px}.story-area-loading .loading-spinner{display:inline-block;margin-right:var(--spacing-base);vertical-align:middle}.story-area-loading span{vertical-align:middle}@media (max-width:480px){body{padding:12px;font-size:14px}body>div{max-width:100%!important;padding:16px!important}header[style*=sticky]{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:16px 12px!important}header input[type=text]{font-size:20px!important;width:100%!important;text-align:left!important}header button{width:100%!important;margin:0!important;justify-content:center!important}header>div{width:100%!important;flex-direction:column!important;gap:12px!important}button{min-height:44px!important;padding:12px 16px!important;font-size:16px!important}button[style*=Collaborators]{width:100%!important;padding:14px 20px!important}div[style*="position: absolute"][style*="rgba(0, 0, 0, 0.2)"]{left:-12px!important;right:-12px!important;padding:16px 12px!important}div[style*="position: absolute"]>div[style*=background]{max-width:100%!important;width:100%!important;padding:16px!important}div[style*="display: flex"][style*="gap: 10px"]{flex-direction:column!important;gap:12px!important}input[type=email],select{font-size:16px!important}div[style*="display: flex"] button,input[type=email],select{width:100%!important;height:48px!important}div[style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap!important;gap:8px!important}code{font-size:12px!important;word-break:break-all!important}div[style*="borderRadius: '50%'"]{width:28px!important;height:28px!important;font-size:12px!important}div[style*="display: grid"][style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:16px!important}div[style*="position: fixed"][style*="rgba(0, 0, 0, 0.5)"]>div{width:95%!important;max-width:95%!important;margin:0 auto!important;padding:20px 16px!important}div[style*="display: grid"][style*=minmax]{grid-template-columns:1fr!important}}@media (min-width:481px) and (max-width:768px){body{padding:16px}body>div{max-width:100%!important;padding:20px!important}header[style*=sticky]{flex-wrap:wrap!important;gap:12px!important}button{min-height:44px!important}div[style*="position: absolute"]>div[style*=background]{max-width:90%!important}input[type=email],select{height:46px!important;font-size:16px!important}div[style*="display: grid"][style*=gridTemplateColumns]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px) and (orientation:landscape){header[style*=sticky]{padding:12px 16px!important}h1{font-size:28px!important}div[style*="display: flex"][style*="gap: 10px"]{flex-direction:row!important;flex-wrap:wrap!important}}@media (max-width:360px){body{padding:8px;font-size:13px}header[style*=sticky]{padding:12px 8px!important}button{padding:10px 12px!important;font-size:14px!important}h1{font-size:24px!important}span[style*="padding: '4px"]{font-size:11px!important;padding:3px 8px!important}}@media (hover:none) and (pointer:coarse){button,input,select,textarea{min-height:44px!important}button[style*="padding: '6px"]{padding:10px 14px!important;min-width:44px!important}button:hover{transform:none!important}a{padding:8px 4px;display:inline-block}}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#e4d6ea;padding:var(--mobile-padding)}@media (min-width:481px){.auth-container{padding:var(--tablet-padding)}}@media (min-width:1025px){.auth-container{padding:20px}}.auth-logo-container{margin-bottom:24px;text-align:center}@media (min-width:481px){.auth-logo-container{margin-bottom:32px}}@media (min-width:1025px){.auth-logo-container{margin-bottom:40px}}.auth-logo{max-width:100%;width:100%;height:auto}@media (max-width:480px){.auth-logo{max-width:280px}}@media (min-width:481px) and (max-width:768px){.auth-logo{max-width:350px}}@media (min-width:769px){.auth-logo{max-width:430px}}.auth-card{max-width:700px;width:100%;padding:var(--mobile-padding);background-color:#fff;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center}@media (min-width:481px){.auth-card{padding:32px}}@media (min-width:1025px){.auth-card{padding:40px}}.auth-heading{font-size:var(--mobile-h2-size);font-weight:700;color:#000;margin:0 0 8px;text-align:center}@media (min-width:481px){.auth-heading{font-size:24px}}@media (min-width:1025px){.auth-heading{font-size:28px}}.auth-subtext{font-size:var(--mobile-font-size);color:#666;margin:0;text-align:center}@media (min-width:481px){.auth-subtext{font-size:14px}}.auth-input{text-align:center;background-color:#e4d6ea;font-weight:500;min-height:var(--mobile-input-height)}.auth-button,.auth-input{width:100%;padding:12px;border:1px solid #000;border-radius:8px;font-size:16px;color:#000;box-sizing:border-box}.auth-button{margin-top:10px;background-color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease;min-height:var(--mobile-button-height)}.auth-button:hover:not(:disabled){background-color:#000;color:#fff}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-forgot-link{background:#f5f5f5;border:none;color:#666;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:6px;min-height:var(--mobile-button-height);display:inline-block}.auth-terms-container{width:100%;max-width:640px;margin-top:20px}.auth-terms-section{margin-top:16px}.auth-terms-section h3{margin-bottom:8px;font-size:var(--mobile-h3-size)}@media (min-width:481px){.auth-terms-section h3{font-size:18px}}.auth-iframe-container{border:1px solid #ddd;border-radius:8px;overflow:auto;height:300px;margin-bottom:8px}@media (max-width:480px){.auth-iframe-container{height:200px}}.auth-checkbox-label{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:var(--mobile-font-size);cursor:pointer}@media (min-width:481px){.auth-checkbox-label{font-size:14px}}.auth-checkbox-label input[type=checkbox]{min-width:20px;min-height:20px;cursor:pointer}.auth-error{width:100%;margin-bottom:20px;padding:12px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:var(--mobile-font-size);text-align:center}@media (min-width:481px){.auth-error{font-size:14px}}.auth-success{width:100%;padding:16px;background-color:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46;font-size:var(--mobile-font-size);text-align:center;margin-bottom:16px}@media (min-width:481px){.auth-success{font-size:14px}}.projectslate-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:#e4d6ea}@media (max-width:768px){.projectslate-header{flex-direction:column;align-items:center;gap:16px;padding:16px var(--mobile-padding)}}.projectslate-logo{height:60px;width:auto;object-fit:contain}@media (max-width:480px){.projectslate-logo{height:50px}}.projectslate-user-info{display:flex;align-items:center;gap:15px}@media (max-width:768px){.projectslate-user-info{flex-direction:column;gap:12px;width:100%}}.projectslate-welcome{color:#666;font-size:18px;font-weight:500}@media (max-width:768px){.projectslate-welcome{font-size:var(--mobile-font-size);text-align:center}}.projectslate-signout{background-color:#fff;color:#000;padding:8px 16px;border:2px solid #000;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05);min-height:var(--mobile-button-height)}@media (max-width:768px){.projectslate-signout{width:100%;padding:12px 16px}}.projectslate-signout:hover:not(:disabled){background-color:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.projectslate-create-button{width:auto;padding:var(--spacing-base) var(--spacing-xl);font-size:18px;font-weight:600;min-height:var(--mobile-button-height)}@media (max-width:768px){.projectslate-create-button{width:100%;padding:12px 24px}}.projectslate-create-modal{background-color:#fff;padding:32px;border-radius:16px;margin-bottom:40px;border:1px solid #e5e7eb;box-shadow:0 4px 16px rgba(0,0,0,.08);animation:fadeIn .3s ease-in;opacity:1}@media (max-width:768px){.projectslate-create-modal{padding:var(--mobile-padding);margin-bottom:24px}}.projectslate-create-modal h3{margin-top:0;margin-bottom:8px;font-size:20px;font-weight:600}@media (max-width:480px){.projectslate-create-modal h3{font-size:var(--mobile-h3-size)}}.projectslate-create-modal p{color:#6b7280;font-size:14px;margin-bottom:24px;line-height:1.5}@media (max-width:480px){.projectslate-create-modal p{font-size:var(--mobile-font-size);margin-bottom:16px}}.projectslate-media-buttons{display:flex;gap:16px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}@media (max-width:768px){.projectslate-media-buttons{flex-direction:column;gap:12px}}.projectslate-media-button{background-color:#fff;color:#000;border:1px solid #000;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-base);min-width:140px;min-height:var(--mobile-button-height)}@media (max-width:768px){.projectslate-media-button{width:100%;min-width:auto}}.projectslate-media-button:hover:not(:disabled){background-color:#1b191a;color:#fff;border-color:#1b191a}.projectslate-media-button:disabled{cursor:not-allowed;opacity:.6}.projectslate-cancel-button{width:100%;padding:12px;font-size:14px;font-weight:500;background-color:transparent;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;transition:.25s;min-height:var(--mobile-button-height)}.projectslate-cancel-button:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.projectslate-cancel-button:disabled{cursor:not-allowed}.projectslate-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}@media (max-width:480px){.projectslate-projects-grid{grid-template-columns:1fr;gap:var(--spacing-base)}}@media (min-width:481px) and (max-width:1024px){.projectslate-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.projectslate-projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.projectslate-project-card{padding:var(--spacing-lg);background-color:#fff;border:2px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);position:relative}@media (max-width:480px){.projectslate-project-card{padding:var(--spacing-base)}}.projectslate-project-card:hover{border-color:rgba(139,92,246,.5);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.projectslate-archive-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:auto;padding:8px 12px;font-size:14px;background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;opacity:.6;min-height:var(--mobile-button-height);min-width:var(--mobile-button-height);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.projectslate-archive-button:hover{opacity:1;background-color:#fee2e2;border-color:#fecaca;color:#dc2626}.projectslate-project-title{margin-bottom:8px;color:var(--color-text-primary);font-size:22px;font-weight:600}@media (max-width:480px){.projectslate-project-title{font-size:18px;padding-right:50px}}.projectslate-empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}@media (max-width:480px){.projectslate-empty-state{padding:var(--spacing-xl)}}.projectslate-empty-state p{font-size:18px;margin-bottom:var(--spacing-base)}@media (max-width:480px){.projectslate-empty-state p{font-size:var(--mobile-font-size)}}.projectslate-error{padding:var(--spacing-base);margin-bottom:var(--spacing-lg);background-color:#fee;border:1px solid #fcc;border-radius:var(--radius-md);color:#c33;font-size:var(--mobile-font-size)}@media (min-width:481px){.projectslate-error{font-size:14px}}.storygenerator-header{display:flex;flex-direction:column;padding:12px 40px 4px;background-color:#e4d6ea;gap:10px}@media (max-width:768px){.storygenerator-header{padding:10px var(--mobile-padding) 4px var(--mobile-padding);gap:8px}}.storygenerator-header-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}@media (max-width:768px){.storygenerator-header-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}}.storygenerator-button-spacer{display:none}@media (max-width:768px){.storygenerator-button-spacer{display:block}}.storygenerator-logo-section{display:flex;flex-direction:column;align-items:center;gap:6px}@media (max-width:768px){.storygenerator-logo-section{gap:4px}}.storygenerator-logo{height:45px;width:auto;object-fit:contain}@media (max-width:480px){.storygenerator-logo{height:40px}}.storygenerator-welcome-section{display:flex;flex-direction:column;align-items:center;gap:6px}.storygenerator-welcome{color:#666;font-size:15px;font-weight:500;text-align:center}@media (max-width:768px){.storygenerator-welcome{font-size:var(--mobile-font-size)}}.storygenerator-save-indicator{font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;transition:opacity .3s ease,color .3s ease,background-color .3s ease;min-width:70px;display:inline-block;text-align:center}.storygenerator-projects-button{background-color:#fff;color:#000;padding:8px 16px;border:2px solid #000;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05);min-height:36px;white-space:nowrap;width:auto}@media (max-width:768px){.storygenerator-projects-button{padding:6px 10px;min-height:32px;font-size:13px;width:100%;justify-self:start}}.storygenerator-projects-button:hover:not(:disabled){background-color:#000;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.storygenerator-signout{background-color:#fff;color:#000;padding:8px 16px;border:2px solid #000;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05);min-height:36px;white-space:nowrap;width:auto}@media (max-width:768px){.storygenerator-signout{padding:6px 10px;min-height:32px;font-size:13px;width:100%;justify-self:end}}.storygenerator-signout:hover:not(:disabled){background-color:#000;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.storygenerator-title-section{background-color:#e4d6ea;padding:4px 40px 8px;border-bottom:2px solid rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;margin-top:-4px}@media (max-width:768px){.storygenerator-title-section{padding:4px var(--mobile-padding) 6px var(--mobile-padding);margin-top:-4px}}.storygenerator-title-input{font-size:28px;font-weight:700;color:#000;margin:0;text-align:center;letter-spacing:-.5px;width:100%;max-width:800px;background-color:#fff;border:2px solid #000;border-radius:8px;padding:6px 12px;outline:none;font-family:inherit}@media (max-width:768px){.storygenerator-title-input{font-size:22px;padding:8px 12px}}@media (max-width:480px){.storygenerator-title-input{font-size:18px}}.storygenerator-title-h1{font-size:28px;font-weight:700;color:#000;margin:0;text-align:center;letter-spacing:-.5px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease;position:relative;display:inline-block;max-width:800px}@media (max-width:768px){.storygenerator-title-h1{font-size:22px;padding:8px 12px}}@media (max-width:480px){.storygenerator-title-h1{font-size:18px}}.storygenerator-title-h1:hover{background-color:hsla(0,0%,100%,.5);transform:scale(1.02)}@media (max-width:768px){.media-type-buttons{flex-direction:column;width:100%}.media-type-buttons button{width:100%;min-height:var(--mobile-button-height)}}.project-page-header{display:flex;justify-content:space-between;align-items:center;padding:12px 40px;background-color:#e4d6ea}@media (max-width:768px){.project-page-header{padding:12px var(--mobile-padding)}}.project-page-logo{height:45px;width:auto;object-fit:contain;cursor:pointer}@media (max-width:480px){.project-page-logo{height:40px}}.project-page-loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:var(--mobile-padding)}@media (min-width:481px){.project-page-loading{padding:var(--tablet-padding)}}.project-page-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:var(--mobile-padding)}@media (min-width:481px){.project-page-error{padding:var(--tablet-padding)}}.project-page-error-card{background-color:#fff;padding:var(--mobile-padding);border-radius:16px;max-width:500px;width:100%;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.08)}@media (min-width:481px){.project-page-error-card{padding:32px}}@media (min-width:1025px){.project-page-error-card{padding:40px}}.project-page-error-heading{margin-top:0;margin-bottom:16px;font-size:var(--mobile-h2-size)}@media (min-width:481px){.project-page-error-heading{font-size:24px}}@media (min-width:1025px){.project-page-error-heading{font-size:28px}}.project-page-error-text{color:#666;margin-bottom:24px;font-size:var(--mobile-font-size)}@media (min-width:481px){.project-page-error-text{font-size:14px}}.project-page-error-button{background-color:#fff;color:#000;border:1px solid #000;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;min-height:var(--mobile-button-height)}@media (min-width:481px){.project-page-error-button{width:auto}}.project-page-error-button:hover:not(:disabled){background-color:#000;color:#fff}.reset-password-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#e4d6ea;padding:var(--mobile-padding)}.reset-password-logo-container{margin-bottom:24px;text-align:center}@media (min-width:481px){.reset-password-logo-container{margin-bottom:40px}}.reset-password-logo{max-width:430px;width:100%;height:auto}@media (max-width:480px){.reset-password-logo{max-width:100%}}.reset-password-card{max-width:500px;width:100%;padding:var(--mobile-padding);background-color:#fff;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center}@media (min-width:481px){.reset-password-card{padding:32px}}@media (min-width:1025px){.reset-password-card{padding:40px}}.reset-password-heading{font-size:var(--mobile-h2-size);font-weight:700;color:#000;margin:0 0 8px;text-align:center}@media (min-width:481px){.reset-password-heading{font-size:24px}}@media (min-width:1025px){.reset-password-heading{font-size:28px}}.reset-password-subtext{font-size:var(--mobile-font-size);color:#666;margin:0 0 24px;text-align:center}@media (min-width:481px){.reset-password-subtext{font-size:14px;margin-bottom:30px}}.reset-password-form{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.reset-password-input{text-align:center;background-color:#e4d6ea;font-weight:500}.reset-password-button,.reset-password-input{width:100%;padding:12px;border:1px solid #000;border-radius:8px;font-size:16px;color:#000;min-height:var(--mobile-button-height)}.reset-password-button{margin-top:10px;background-color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease;opacity:1}.reset-password-button:disabled{cursor:not-allowed;opacity:.6}.reset-password-button:hover:not(:disabled){background-color:#000;color:#fff}.reset-password-error{width:100%;margin-bottom:20px;padding:12px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:var(--mobile-font-size);text-align:center}@media (min-width:481px){.reset-password-error{font-size:14px}}.reset-password-success{width:100%;margin-bottom:20px;padding:12px;background-color:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46;font-size:var(--mobile-font-size);text-align:center}@media (min-width:481px){.reset-password-success{font-size:14px}}.agreements-page{max-width:1000px;margin:20px auto;padding:0 var(--mobile-padding)}@media (min-width:481px){.agreements-page{margin:40px auto;padding:0 var(--tablet-padding)}}.agreements-heading{margin-bottom:16px;font-size:var(--mobile-h1-size)}@media (min-width:481px){.agreements-heading{font-size:32px}}.agreements-intro{margin-bottom:20px;font-size:var(--mobile-font-size)}@media (min-width:481px){.agreements-intro{font-size:16px}}.agreements-section{margin-bottom:28px}.agreements-section-heading{margin-bottom:12px;font-size:var(--mobile-h2-size)}@media (min-width:481px){.agreements-section-heading{font-size:24px}}.agreements-iframe-container{border:1px solid #ddd;border-radius:8px;height:300px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}@media (min-width:481px){.agreements-iframe-container{height:400px}}.agreements-iframe{width:100%;height:100%;border:0}.agreements-checkbox-label{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:var(--mobile-font-size);cursor:pointer}@media (min-width:481px){.agreements-checkbox-label{font-size:16px}}.agreements-checkbox{min-width:20px;min-height:20px;cursor:pointer}.agreements-links{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}@media (min-width:481px){.agreements-links{flex-direction:row}}.agreements-link{text-decoration:underline;color:#000;font-size:var(--mobile-font-size)}@media (min-width:481px){.agreements-link{font-size:16px}}.agreements-button{min-width:200px;width:100%;padding:12px 14px;border:2px solid #000;border-radius:6px;font-weight:700;background-image:linear-gradient(#ececec,#d7d7d7);cursor:not-allowed;opacity:.6;font-size:var(--mobile-font-size);min-height:var(--mobile-button-height)}@media (min-width:481px){.agreements-button{width:auto;font-size:16px}}.agreements-button:not(:disabled){background-image:linear-gradient(#f5f5f5,#c5c1b9);cursor:pointer;opacity:1}.agreements-button:hover:not(:disabled){opacity:.9}.document-page{max-width:1000px;margin:20px auto;padding:0 var(--mobile-padding)}@media (min-width:481px){.document-page{margin:40px auto;padding:0 var(--tablet-padding)}}.document-heading{margin-bottom:12px;font-size:var(--mobile-h1-size)}@media (min-width:481px){.document-heading{font-size:32px}}.document-intro{margin-bottom:16px;font-size:var(--mobile-font-size)}@media (min-width:481px){.document-intro{font-size:16px}}.document-link{color:#000;text-decoration:underline}.document-iframe-wrapper{position:relative;padding-top:56.25%;margin-top:16px}.document-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ddd;border-radius:8px}@media (max-width:768px){.followup-button-container{flex-direction:column}.followup-button-container button{width:100%;min-width:auto;max-width:100%;min-height:var(--mobile-button-height)}.category-change-content{width:95%;max-width:95%;margin:0 auto;padding:var(--mobile-padding)}.category-change-buttons{flex-direction:column;gap:12px}.category-change-buttons button{width:100%;min-height:var(--mobile-button-height)}}